JavaScript图表库LightningChart JS交互示例：烛台图

本示例显示了使用OHLCSeries的烛台图的基本实现。这种类型的图表用作可视化价格走势的交易工具。烛台图可以代表多个记录的值，这些值打包成4个值（开盘价，高价，低价和收盘价）。这对于从较长的间隔和较短的间隔动态显示数据很有用。

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

LightningChart JS最新试用版

烛台图

本示例显示了使用OHLCSeries的烛台图的基本实现。这种类型的图表用作可视化价格走势的交易工具。烛台图可以代表多个记录的值，这些值打包成4个值（开盘价，高价，低价和收盘价）。这对于从较长的间隔和较短的间隔动态显示数据很有用。

OHLCSeries是使用ChartXY方法创建的。

const chart = lightningChart().ChartXY()// Method for adding OHLCSeries takes one argument: seriesConstructor.const ohlcSeries = chart.addOHLCSeries(    // Specify type of figure used    { seriesConstructor: OHLCFigures.Candlestick })

OHLCSeries接受接口“ XOHLC”形式的数据：

const xohlc = [    // X-position    0,    // Opening Y-value    100,    // Highest Y-value    200,    // Lowest Y-value    50,    // Closing Y-value    75]// Add new segment to series.ohlcSeries.add(xohlc)

可以使用单个XOHLC对象或它们的数组调用add（）。

烛台图的解剖

烛台由两部分组成：主体和Line。这两个都可以单独设置样式。

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

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

标签：