欧美日B,天堂在线资源网,亚洲精品国产精

JavaScript圖表庫LightningChart JS交互示例：交易儀表板

翻譯|使用教程|編輯：吳園園|2019-12-27 09:58:11.317|閱讀 268 次

概述：本系列文章將為您介紹JavaScript圖表庫LightningChart JS交互示例，此示例顯示如何創(chuàng)建一個交易儀表板，該儀表盤在一個窗格中具有多個單獨的圖表。

相關(guān)鏈接：

JavaScript圖表庫LightningChart JS交互示例：交易儀表板

LightningChart JS是Web上性能最高的圖表庫具有出色的執(zhí)行性能 - 使用高數(shù)據(jù)速率同時監(jiān)控數(shù)十個數(shù)據(jù)源。 GPU加速和WebGL渲染確保您的設(shè)備的圖形處理器得到有效利用，從而實現(xiàn)高刷新率和流暢的動畫。非常適合用于貿(mào)易，工程，航空航天，醫(yī)藥和其他領(lǐng)域的應(yīng)用。

點擊下載LightningChart JS社區(qū)版

儀表盤交易

儀表盤 OHLC 交易范圍面積

此示例顯示了一個簡單的交易儀表盤的創(chuàng)建，該儀表盤在一個窗格中具有多個單獨的圖表。

該圖表包含：

代表市場價格數(shù)據(jù)的日本燭臺（OHLC系列）
代表高值與低值之差的山脈面積（AreaRange系列）
山地面積（Area series）代表體積

在此示例中，圖例是使用預(yù)定義的簡單構(gòu)建器針對水平或垂直布局嵌入到圖表中的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應(yīng)用于商業(yè)用途，歡迎。