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

图表-饼图

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

描述

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

Blazor饼图将数据显示为来自二维圆的扇区。它适用于将数据作为整体的各个部分来显示。饼图只允许使用一个系列。因此,它不适用于不同数据集的可视化比较。

Blazor饼图显示了各种配置选项。您可以更改默认旋转来更改系列的开始角度-默认情况下,第一个段从顶部开始。扇形图的各个部分用不同的颜色标记,可以通过ColorField级数的性质。Blazor饼图还允许您专注于一个特定的部分-ExplodeField属性可以用来设置一个爆炸段,它将在视觉上与圆的其余部分分开,并有一个小的边缘。你还可以在图例中配置分段可见性。

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

这个演示展示了一个Blazor饼图,可视化西班牙电力生产2008年。为每一种电力类型定义了一个类别,并为每个类别定义了一个表示其值的专用段。

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

支持和学习资源

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