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

图表- OHLC图表

  • Ohlc-chart.razor
  • StockService.cs
  • StockDto.cs
正在加载演示源代码…请稍等。

描述

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

Blazor OHLC(开-高-低-收)图表通常用于说明金融工具价格随时间的变化。图表上的每条垂直线显示了一段时间内的价格范围(最高和最低价格)。OHLC图表支持多个系列,并提供各种配置选项。

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

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

演示展示了一个Blazor OHLC图表,该图表可视化了波音公司每天的定价变动。图表使用日期类别轴y轴表示价格。

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

支持和学习资源

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