所有Telerik . net工具和Kendo UI JavaScript组件在一个包中。现在增强了:
条形图将值显示为水平条形,其长度与所绘制的值成比例。您可以在WebAssembly (WASM)和服务器端使用柱状图Blazor仪表板应用程序显示几组数据之间的比较(例如,不同时间段的销售数据摘要)。为了便于阅读,每个数据系列都自动以不同的颜色显示。
Blazor中的柱状图示例。
条形图是一个数据绑定组件,它还提供了将轴和序列单独或一起绑定到各种数据源的灵活性。
更多关于图表数据绑定在Blazor。
你也可以在一个图表中混合不同类型的系列创建更引人注目的视觉效果-如柱状图和折线图,或面积图。将柱状图系列添加为图表中的第一个系列,还将旋转同一图表中的其他系列(如区域或线系列),使其具有柱状图方向。
如果你想展示的话随时间变化的趋势,柱状图可以让您为其x轴提供DateTime值,它将聚合在您选择的间隔内下降的数据点。
柱状图在浏览器中呈现,以保存服务器资源。它有SVG标记和渲染模式来进一步提高性能,它甚至可以在渲染过程中进行动画,以获得更流畅的用户体验。
您可以自定义柱状图的所有方面-从系列颜色,到它标签内容、字体、大小、位置和轴线、它们的标签和格式。
柱状图可以渲染不止一个轴在每个维度中,你可以将每个级数与它自己的轴联系起来。这使您可以在同一图表中显示在数量级上变化的数据,而不会丢失细节。
柱状图允许您将一个数据类别中的不同系列堆叠在一起,以展示累积效果。
在Blazor中图表堆叠系列的示例。
的标签格式字符串在Blazor柱状图的UI中,是文化感知的,因此您的用户可以看到,例如,使用他们习惯的十进制和千位分隔符的预期数字格式。
Telerik Blazor柱状图组件有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指南)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。每个主题都预先定义了几个系列颜色,因此您的数据可以根据您的设计准则进行可视化。属性可以进一步自定义任何开箱即用的主题、样式特定的图表组件或创建新主题以匹配您的颜色和品牌Telerik SASS ThemeBuilder应用程序.
看看Telerik UI的Blazor在行动,并检查它可以做多少开箱即用。
尝试Telerik UI Blazor与专门的技术支持。