Blazor图表

Blazor柱状图是您可能需要添加到Blazor WebAssembly (WASM)和服务器端仪表板应用程序的主要图表类型之一。它将值显示为垂直条，其高度与所绘制的值成正比。您可以使用柱状图来显示几组数据之间的比较(例如，不同时间段的销售数据摘要)。为了便于阅读，每个系列自动着色不同。

用户可以将鼠标悬停在Blazor Chart的Telerik UI上，以获得关于其上特定数据点的更详细信息。最明显的例子是折线图，用户可以将鼠标悬停在折线图上以读取数据点的确切值，但您可以定制工具提示来完成比这多得多的工作。图表工具提示有两个级别的配置:

• 通过参数设置，你可以修改一些基本的样式，如边框和颜色。
• 通过模板，您可以将内置的工具提示完全替换为服务于应用程序并显示对用户重要的任何信息的工具提示。

参见Blazor图表工具提示演示

用于Blazor Charts的Telerik UI中的标签格式字符串具有文化识别功能，因此用户可以看到，例如，带有十进制和数千分隔符的预期数字格式。

Blazor区域图表帮助您显示数据集之间的比较。从基本的不透明度、颜色和线条样式到更高级的轴、平面区域和图例设置，都可以自定义。区域图甚至可以让您决定如何处理在系列中出现空值的情况。

Blazor股票图表组件是为开发金融应用程序的人添加的。股票图表显示了金融单位价格随时间的变化，例如过去一个月股票价格的每日价值。您可以完全自定义控件，并更改任何内容，从字体，区域背景颜色，不透明度，线宽和虚线类型到其尺寸，填充和空白和工具提示。您甚至可以提供自己的模板。

参见Blazor股票图表演示

Blazor OHLC图表，也被称为开、高、低、收盘图表)通过其名称中的四个数据点显示了价格随时间的变化。您所需要做的就是绑定数据，其余的工作由组件完成!

用于Blazor Chart组件的Telerik UI公开了一个Click事件，该事件在用户单击图表时触发。处理此事件将打开向用户显示更多专门数据的大门。例如，单击饼图中的一个段可能会加载另一个包含原始段分布的饼图。

参见Blazor图表点击事件演示

Blazor柱状图为最典型的图表类型之一提供了高度可定制的版本。自定义条形颜色，间隙和间距，轴，图表区域，图例等。

Telerik Blazor Chart组件有几个内置主题比如Default(我们自己的样式)，Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。每个主题预先定义了几个系列颜色，所以你的图表看起来和谐，符合设计指南。

参见Blazor图表主题文档

Blazor气泡图是流行于可视化科学、社会和经济关系的图表类型的一个易于实现的版本。自定义不透明度，颜色，坐标轴，图表区域，图例等。此外，还支持负气泡值。

Blazor Chart为您提供数据绑定方面的充分灵活性。可以使用各种数据源将坐标轴和系列分别绑定或绑定在一起。

• 独立的系列数据——每个系列可以有自己的数据集合，x轴上的项目来自另一个，并通过它们的索引进行匹配。
• 将整个图表绑定到单个模型上——当数据紧密耦合时，通常会有一个数据点的所有信息，甚至是单个类中的类别，图表也可以使用这些信息。
• 混合和匹配——你可以让一些系列使用一种方法，其他的使用另一种方法，图表将为你匹配类别。

参见Blazor图表数据绑定文档

Blazor Donut Cchart是饼图的变体，适合作为整体的一部分显示数据。它的中心有一个洞，以弧形而不是切片的形式显示类别。饼图适合显示单个数据系列，而甜甜圈图则非常适合在Blazor WebAssembly (WASM)和服务器端仪表板应用程序中显示多个数据系列。

图表可以在每个维度中呈现多个轴，并且可以将每个系列与其自己的轴关联起来。这使您可以在同一个图表中显示数量级不同的数据，而不会丢失细节。

参见Blazor图表多轴演示

如果您想显示趋势随时间的发展，图表可以让您为其x轴提供DateTime值，它将聚合在您为您选择的间隔内下降的数据点。

参见Blazor图表数据轴演示

你也可以在一个图表中混合不同类型的系列，以创建更引人注目的视觉效果——例如散点图和散点线图;或者柱状图和折线图。

Blazor Heatmap Chart用于在二维中以颜色的形式显示数值。它允许对多个值进行可视化，这些值通常是每天记录的，例如温度、销售额、订单等。该组件具有颜色缩放、类别绑定、工具提示、形状定制等功能。

Blazor烛台图显示了一个金融单位的价格运动，包括一个柱状(蜡烛)，代表开盘价和收盘价，以及竖线，烛台，说明了最高和最低的价值。

Blazor折线图组件将数据显示为连接由项目值定义的点的连续线。它对于显示随时间变化的趋势或比较Blazor WebAssembly (WASM)和服务器端仪表板应用程序中的几组相似数据非常有用。

Blazor饼图组件显示了某个总额是如何在类别之间分割的，就像一个圆被分割成径向片。每个分类值对应于圆的单个“饼切片”，每个切片的大小与整体的值成正比。Blazor饼图组件的UI可以在Blazor WebAssembly (WASM)和服务器端应用程序中工作，适合显示单个系列的数据。

参见Blazor饼图演示

Blazor雷达区域图显示多元数据。该系列用与线相连的数据点进行标记，并根据其指标填充以表示每个变量的面积。每个变量都有自己的轴，它们都连接在雷达的中心。它对于在一个可视中比较多个实体的组合非常有用。

请参阅雷达区域图演示

Blazor雷达柱状图用于在单一视图中可视化多变量数据。每个变量都采用列的形式，其高度取决于数据值。多个数据列有一个共同的起点，即雷达的中心。这种雷达图类型有助于将一个组的性能分解为不同的实体及其数量。

参见Blazor雷达柱状图演示

Blazor雷达折线图用于显示来自多个变量的数据。每个变量都有自己的轴，它们都连接在雷达的中心。级数表示为由不同轴上的数据点连接的直线。它对于在一个可视化图中分析多个实体的不同指标非常有用。

参见Blazor雷达折线图演示

Blazor散点图(也称为散点图或图)使用点表示两个数值变量的值。散点图可以在Blazor WebAssembly (WASM)和服务器端仪表板应用程序中使用，以观察数值之间的关系，如科学实验数据或参数化测试结果。

参见Blazor散点图演示

散点线图组件与散点图非常相似，散点图使用点表示两个数值之间的关系，但点是由线连接的，因此它可以解释序列中缺失的值或显示趋势(例如，在科学实验数据中)。散点线图可以在Blazor WebAssembly (WASM)和服务器端仪表板应用程序中使用，以观察值之间的关系。

参见Blazor散点线图演示