https://github.com/ant-design-blazor/ant-design-charts-blazor
A Blazor chart library, based on G2Plot
https://github.com/ant-design-blazor/ant-design-charts-blazor
blazor blazor-components charts
Last synced: 6 days ago
JSON representation
A Blazor chart library, based on G2Plot
- Host: GitHub
- URL: https://github.com/ant-design-blazor/ant-design-charts-blazor
- Owner: ant-design-blazor
- License: apache-2.0
- Created: 2020-07-12T13:25:48.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-10-11T16:04:08.000Z (4 months ago)
- Last Synced: 2025-02-08T11:09:35.728Z (13 days ago)
- Topics: blazor, blazor-components, charts
- Language: C#
- Homepage: https://ant-design-blazor.github.io/ant-design-charts-blazor/
- Size: 146 MB
- Stars: 180
- Watchers: 8
- Forks: 40
- Open Issues: 68
-
Metadata Files:
- Readme: README-zh_CN.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# ant-design-charts-blazor
基于G2Plot的Blazor图表库
[English](./README.md) | 简体中文
## 💿 当前版本
- 正式发布: [](https://www.nuget.org/packages/AntDesign.Charts/)
- 开发构建: [](https://www.nuget.org/packages/AntDesign.Charts/)
## 📦 安装
- 进入应用的项目文件夹，安装 Nuget 包引用
```bash
$ dotnet add package AntDesign.Charts
```
- 在 `_Imports.razor` 中加入命名空间
```csharp
@using AntDesign.Charts
```
- 最后就可以在`.razor`组件中引用啦！
```razor
@code{
object[] data = new object[] {
new { year= "1991", value= 3 },
new { year= "1992", value= 4 },
new { year= "1993", value= 3.5 },
new { year= "1994", value= 5 },
new { year= "1995", value= 4.9 },
new { year= "1996", value= 6 },
new { year= "1997", value= 7 },
new { year= "1998", value= 9 },
new { year= "1999", value= 13 },
};
LineConfig config = new LineConfig()
{
title = new Title()
{
visible = true,
text = "曲线折线图",
},
description = new Description()
{
visible = true,
text = "用平滑的曲线代替折线。",
},
padding = "auto",
forceFit = true,
xField = "year",
yField = "value",
smooth = true,
};
}
```
## 🔗 链接
- [Blazor 官方文档](https://blazor.net)
## 🤝 如何贡献
[](https://github.com/ant-design-blazor/ant-design-charts-blazor/pulls)
如果你希望参与贡献，欢迎 [Pull Request](https://github.com/ant-design-blazor/ant-design-charts-blazor/pulls)，或给我们 [报告 Bug](https://github.com/ant-design-blazor/ant-design-charts-blazor/issues/new) 。
## 💕 支持本项目
本项目以 MIT 协议开源，为了能得到够更好的且可持续的发展，我们期望获得更多的支持者，我们将把所得款项用于社区活动和推广。你可以通过如下任何一种方式支持我们:
- [OpenCollective](https://opencollective.com/ant-design-blazor)
- [微信](https://yangshunjie.com/images/qrcode/wepay.jpg)
- [支付宝](https://yangshunjie.com/images/qrcode/alipay.jpg)
我们会把详细的捐赠记录登记在 [捐赠者名单](https://github.com/ant-design-blazor/ant-design-blazor/issues/62)。
## ❓ 社区互助
如果您在使用的过程中碰到问题，可以通过以下途径寻求帮助，同时我们也鼓励资深用户通过下面的途径给新人提供帮助。
- [](https://join.slack.com/t/AntBlazor/shared_invite/zt-etfaf1ww-AEHRU41B5YYKij7SlHqajA) (中文/英文)
- [](https://h5.dingtalk.com/circle/healthCheckin.html?corpId=dingccf128388c3ea40eda055e4784d35b88&2f46=c9b80ba5&origin=11) (中文)
点击扫描钉钉二维码
