欢迎来到 Dotnet 工具箱!在这里,你可以发现各种令人惊喜的开源项目!
ChartJs.Blazor
ChartJs.Blazor 是一个基于 C# 和 Blazor 开发的前端开源图表库,它把 ChartJs 引入到了 Blazor 中, 并提供了开箱即用的实现,并且支持了 Client 和 Server 两种模式。
通过 ChartJs.Blazor,你可以充分利用 Blazor 的强大功能,以一种直观且直接的方式呈现数据,为用户提供出色的数据可视化体验。
可以使用下面的命令,在 Nuget 中搜索安装 ChartJs.Blazor.Fork。
dotnet add package ChartJs.Blazor.Fork
截图预览
ChartJs.Blazor 提供的图表种类非常丰富,常见的图表基本都有, 下面列出了一些图表的示例
柱状图
![38b967f6320c2d34ce0b82f9233bf1f4.png](https://i-blog.csdnimg.cn/blog_migrate/546a9478133421f99336c32264db3792.png)
饼图
![527ef73668a73952dafbb84c84c73cbc.png](https://i-blog.csdnimg.cn/blog_migrate/c5419c2b1622a5878ea50964709d876a.png)
气泡图
![6b5f76bcff5c21b2d21cac32ce4192f3.png](https://i-blog.csdnimg.cn/blog_migrate/6d48e215c71bd1988848bc51fed27800.png)
雷达图
![90c4d32e012cace512a184a2a8c99c55.png](https://i-blog.csdnimg.cn/blog_migrate/f55fe09a14c5c6a02c3e533ddd4a6bc4.png)
散点图
![b8d781f32a489165683b1ab8fecd2e51.png](https://i-blog.csdnimg.cn/blog_migrate/2ce4ebce6ddd5c3dcb4a7ca5aa4939d6.png)
时间线
![c8dbcb6409877de1d3712bdbfdf57a12.png](https://i-blog.csdnimg.cn/blog_migrate/6084f05ec036607bca752ceae65ff8e4.png)
往期推荐:
开箱即用, 开源的 IdentityServer4 管理后台
项目地址
https://github.com/mariusmuntean/ChartJs.Blazor
分享
点收藏
点点赞
点在看