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

图表-折线图

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

描述

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

Blazor折线图将数据显示为连续的线,这些线通过由项目值定义的点。它适用于您希望可视化随时间变化的趋势并比较几组相似数据的场景。Blazor折线图支持多个系列并公开各种配置选项。

每个系列都标有不同的颜色,可以通过定制ColorField这个系列的。您还可以自定义系列标记的外观—折线图公开了用于控制它们的大小、类型、旋转和可见性的选项。

Blazor折线图允许您配置系列线的类型。默认情况下,折线图将在数据点之间绘制一条直线。你可以改变这一点一步光滑的选择。

有时,系列数据中可能缺少一些值。Blazor折线图允许您自定义如何处理这些缺失点。的MissingValues属性支持三个选项来配置与缺失点相关的图表行为-,插入差距

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

演示展示了一个Blazor折线图,可视化了几个国家的国内生产总值增长情况。折线图使用了一个专门的系列来代表每个国家每年的GDP增长类别。

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

支持和学习资源

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