推荐一个基于 Blazor 开发的开源图表库

3b76a01c8334abe5987d1398c024f689.png

c15f88efb5b945c3fe964a58a98e68f1.gif

7e4411ac113fefee32c7b246c8f1e423.png

欢迎来到 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

饼图

527ef73668a73952dafbb84c84c73cbc.png

气泡图

6b5f76bcff5c21b2d21cac32ce4192f3.png

雷达图

90c4d32e012cace512a184a2a8c99c55.png

散点图

b8d781f32a489165683b1ab8fecd2e51.png

时间线

c8dbcb6409877de1d3712bdbfdf57a12.png

往期推荐:

开箱即用,  开源的 IdentityServer4 管理后台

开源的 CQRS 和 DDD 风格的 .NET 框架

推荐一个 .NET 最好用的规则验证库

遥遥领先,开源一个 .NET 构建的个人网盘

微服务必备,使用 .NET 实现分布式锁

项目地址

https://github.com/mariusmuntean/ChartJs.Blazor

8d2ed7878b3c3327e05facc7b699d93e.png

9d6b56653d2b75f560bf882d3eb6edd3.png

分享

8fe9aceaa92e0826b5d31479392d7427.png

点收藏 

7463c0360eca416e1ea9f166296317c2.png

点点赞

3620d69d0034b12056fa26cb2caab428.png

点在看

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值