彩票走势图

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

翻译|使用教程|编辑:吴园园|2020-03-30 10:59:09.047|阅读 251 次

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

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

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

点击下载LightningChart JS最新试用版

JavaScript图表库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应用于商业用途,欢迎

关注下方的微信公众号,及时获取产品最新资讯▼▼▼


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP