96 строки
4.4 KiB
Markdown
96 строки
4.4 KiB
Markdown
|
# 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
|
||
|
|
<Line Data="data" Config="config" />
|
||
|
|
|
||
|
|
@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) (中文)
|
||
|
|
|
||
|
|
<details>
|
||
|
|
<summary>点击扫描钉钉二维码</summary>
|
||
|
|
<img src="./docs/assets/dingtalk.jpg" width="300">
|
||
|
|
</details>
|