新的Telerik UI为Blazor?免费30天试用

图表-柱状图

  • Bar-chart.razor
正在加载演示源代码…请稍等。

描述

Telerik UI的Blazor图表是一个数据可视化组件,它允许您输出数据的图形表示。当您希望利用SVG或Canvas等现代浏览器技术进行交互式数据可视化时,它非常有用。该图表支持各种数值、类别和无轴类型。当前的演示侧重于柱状图。

Blazor柱状图将数据可视化为水平柱,其长度根据其值而变化。它适用于想要显示几组数据之间的比较的场景。Blazor柱状图支持多个系列,并公开各种配置选项。

每个系列都标有不同的颜色,可以通过定制ColorField这个系列的。Blazor柱状图允许您控制同一类别中不同系列柱状图之间的距离-使用间距属性设置所需的距离值。方法配置不同类别之间的距离差距财产。

除了系列定制,Blazor Chart还公开了多个嵌套标记,允许您配置其余的图表元素-类别轴、图例、绘图区域、工具提示。检查图表API参考获取属性、方法和事件的完整列表。

演示展示了一个Blazor柱状图,它可视化了每个月的网站访问者类别。该图表使用了专门的总访问量和独立访问量系列来比较它们在不同月份的价值。

这个图表条形图的例子是一个独特的收集的数百个Blazor演示的一部分,你可以看到所有Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观开拓者的Telerik REPLThemeBuilder

支持和学习资源

发生错误。此应用程序可能不再响应,直到重新加载。
重新加载
Baidu
map