OSCHINA-MIRROR/ant-design-blazor-ant-design-charts-blazor

Библиотека диаграмм для Blazor на основе G2Plot

A Blazor chart library, основанная на G2Plot.

Текущая версия

Релиз:
Разработка:

Руководство по установке

Перейдите в папку проекта приложения и установите ссылку на пакет Nuget.
```
$ dotnet add package AntDesign.Charts
```

Свяжите статические файлы в wwwroot/index.html (WebAssembly) или Pages/_Host.razor (Server).

<script src="https://unpkg.com/@antv/g2plot@latest/dist/g2plot.js"></script>
<script src="_content/AntDesign.Charts/ant-design-charts-blazor.js"></script>

Добавьте пространство имён в _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,
    };
}

Ссылки

Официальная документация Blazor: https://blazor.net

Вклад

Если вы хотите внести свой вклад, не стесняйтесь создавать Pull Request, или сообщите нам об ошибке.

Пожертвование

Этот проект является открытым исходным кодом с лицензией MIT. Чтобы обеспечить лучшее и устойчивое развитие проекта, мы ожидаем получить больше спонсоров. Мы будем использовать доходы для операций сообщества и продвижения. Вы можете поддержать нас любым из следующих способов:

Мы разместим подробные записи о пожертвованиях в списке спонсоров.

Поддержка сообщества

Если у вас возникнут проблемы в процессе, не стесняйтесь обращаться за помощью через следующие каналы. Мы также призываем опытных пользователей помогать новичкам.

(на китайском и английском языках)