JavaScript图表库LightningChart JS交互示例：交易仪表板

本系列文章将为您介绍JavaScript图表库LightningChart JS交互示例，此示例显示如何创建一个交易仪表板，该仪表盘在一个窗格中具有多个单独的图表。

LightningChart JS是Web上性能最高的图表库具有出色的执行性能 – 使用高数据速率同时监控数十个数据源。 GPU加速和WebGL渲染确保您的设备的图形处理器得到有效利用，从而实现高刷新率和流畅的动画。非常适合用于贸易，工程，航空航天，医药和其他领域的应用。

LightningChart JS 区版

仪表盘交易

仪表盘  OHLC  交易  范围  面积

此示例显示了一个简单的交易仪表盘的创建，该仪表盘在一个窗格中具有多个单独的图表。

该图表包含：

• 代表市场价格数据的日本烛台（OHLC系列）

• 代表高值与低值之差的山脉面积（AreaRange系列）

• 山地面积（Area series）代表体积

在此示例中，图例是使用预定义的简单构建器针对水平或垂直布局嵌入到图表中的UI对象。

• 水平图例

// Create a horizontal legend embedded to the chart.const legend = chart.addLegendBox( LegendBoxBuilders.HorizontalLegendBox )

• 垂直图例

// Create a horizontal legend embedded to the chart.const legend = chart.addLegendBox( LegendBoxBuilders.VerticalLegendBox )

包含系列的整个图表，包含图表和系列的整个仪表板，或单独的系列都可以轻松地附加到图例框。

• 添加图表

// Attach the chart and its series to legend.// Creates a group with charts.// Return attached entries.const entries = legend.add( chart )

• 添加仪表板

// Attach the dashboard with charts with series to legend.// Creates groups of charts with series.// Return attached entries.const entries = legend.add( dashboard )

• 添加系列

// Attach the individual series as a group to legend.// Creates a group from a single series.// Return attached entry.const entries = legend.add( series )

=====================================================

如果你想LightningChart JS应用于商业用途，欢迎咨询在线客服。

标签：