写点什么

Arction 跨平台图表控件 JavaScript 图表库 LightningChart JS 交互示例:烛台图

用户头像
Geek_bacee5
关注
发布于: 2021 年 06 月 02 日
Arction跨平台图表控件JavaScript图表库LightningChart JS交互示例:烛台图

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

 

高性能Javascript WebGL图表

LightningChart® JS 具有出色的运行性能,能同时输入十个实时数据源,极速输出 10 个百万点的图表。GPU 加速和 WebGL 渲染保证设备的图形处理器得到有效利用,提高了刷新频率,使动画效果运行流畅。



烛台图

本示例显示了使用 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 是基于 WebGL 的跨平台图表控件,应用于网站开发,软件开发,物联网,工程工业,商业交易等领域。LightningChart JS 拥有优越的渲染性能,从而确保高刷新率和平滑流畅的动画效果。同时具有可访问的 API 在线文档,广泛的功能和自定义的插件等等。LightningChart JS 是一家坐落于北欧芬兰的控件开发商Arction Ltd 的产品,是微软公司认证的合作伙伴。Arction专注于开发最高性能和最先进的数据可视化工具,设定行业最高标准。

用户头像

Geek_bacee5

关注

还未添加个人签名 2021.04.15 加入

还未添加个人简介

评论

发布
暂无评论
Arction跨平台图表控件JavaScript图表库LightningChart JS交互示例:烛台图