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

翻译|使用教程|编辑:吴园园|2019-12-27 09:58:11.317|阅读 75 次

概述:本系列文章将为您介绍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应用于商业用途,欢迎咨询慧都在线客服

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



标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,尊重他人劳动成果

文章转载自:LightningChart JS

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关厂商
相关产品
LightningChart JS

性能最高的JavaScript图表库,专注于实时数据可视化。

在线
客服
咨询
电话
400-700-1020
在线
QQ
购物车 反馈 返回
顶部
在线客服系统
live chat