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

雷达柱状图

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

描述

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

Blazor雷达柱状图将数据点显示在从一个共同中心开始的径向线上,并作为值轴。数据点越靠近中心,其值越低。雷达柱状图为值创建三角形,而不是像常规柱状图那样创建矩形条。雷达柱状图支持多个序列,因此它可以用来可视化比较几组相似的数据。

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

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

这个演示展示了一个Blazor雷达柱状图,可视化一个苹果的营养平衡。在本例中,图表使用单一系列来表示营养信息,并为每种类型的营养使用专用类别来可视化它们的价值。

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

支持和学习资源

出现错误。此应用程序在重新加载之前可能不再响应。
重新加载
Baidu
map