4.4 KiB

Исходник Постоянная ссылка Ответственный История

ant-design-charts-blazor

基于G2Plot的Blazor图表库

English | 简体中文

💿 当前版本

正式发布:
开发构建:

📦 安装

进入应用的项目文件夹，安装 Nuget 包引用
```
$ dotnet add package AntDesign.Charts
```
在 _Imports.razor 中加入命名空间
```
@using AntDesign.Charts
```

最后就可以在.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,
    };
}