LightningChart JS股票交易圖

股票交易圖實時數(shù)據(jù)來自worldtradingdata.com，包括以下特征:

• OHLC數(shù)據(jù)
• 指數(shù)移動平均值
• 簡單移動平均值
• 布林帶
• 交易量
• RSI指標

 

LightningChart JS實時曲線滾動圖

多條曲線支持同時流暢渲染數(shù)據(jù)量巨大的曲線，左上角可見實時曲線滾動圖的FPS (每秒傳輸幀數(shù))和PPS(每秒轉(zhuǎn)發(fā)數(shù)據(jù)包的數(shù)量)。

 

LightningChart JS靜態(tài)曲線渲染圖

毫秒間渲染百萬點的圖表，左上角可見每次渲染1百萬點的時間。

 

音頻可視化

使用Web Audio API實時提取音頻數(shù)據(jù)。 Web Audio API具有.createAnalyser（）方法，可用于創(chuàng)建新的AnalyzerNode。 AnalyzerNode具有獲取time -domain數(shù)據(jù)（波形）和頻率數(shù)據(jù)的方法，這些數(shù)據(jù)是來自音頻信號的快速傅立葉變換的數(shù)據(jù)。 Time-domain data數(shù)據(jù)顯示為Time Domain圖。 相同的數(shù)據(jù)也被推送到波形歷史記錄圖表中。 該圖表顯示了音頻輸入的最后一百萬個樣本。 最后的光譜圖用于顯示三個不同的序列:

• 最新光譜樣本
• 可見的最大頻率
• 衰減頻率歷史記錄

 

高性能 Javascript WebGL圖表

LightningChart JS是基于WebGL的跨平臺圖表控件，應(yīng)用于網(wǎng)站開發(fā)，軟件開發(fā)，物聯(lián)網(wǎng)，工程工業(yè)，商業(yè)交易等領(lǐng)域。 LightningChart JS擁有優(yōu)越的渲染性能，從而確保高刷新率和平滑流暢的動畫效果。同時具有可訪問的API在線文檔，廣泛的功能和自定義的插件等等。了解更多我們的JavaScript圖表庫。

 

 

操作界面

方便易操作，可管理數(shù)十種不同的圖表，插件等其他UI元素。GPU加速高效利用計算機資源，能夠高效地渲染圖表

 

 

動畫

強大的渲染功能確保動畫流暢顯示，該方面已經(jīng)超過行業(yè)標準。直觀的觸屏交互功能，可以隨意放大，平移，移動光標

 

 

WebGL 渲染

GPU加速和WebGL 渲染確保您設(shè)備上的圖形處理器，能被有效地利用, 徹底發(fā)揮高刷新率和杰出的運行性能

 

Server side rendering

LightningChart JS 現(xiàn)也支持客戶端渲染 Server side rendering。 這個功能可以可與 npm中可用的包一起使用。 客戶端渲染可以生成高質(zhì)量的圖表圖像。

XY圖表

 

• 圖表類型：點線、面積、區(qū)域、股票、矩形、橢圓、箱型、線段
• 線性軸可以左、右、上、下放置，每張圖表可以同時顯示多條XY軸
• 縮放模式包括自動填充、擴展、遞增、遞減和手動
• 標記和光標可以自定義形狀樣式

3D圖表

 

• 系列類型：線系列，點系列，點線系列，點云系列。
• 可自定義3D圖表邊界框形狀。
• 3D圖表邊界框周圍的X，Y和Z平面的線性軸。
• 數(shù)字和日期時間格式可與軸刻度一起使用。
• 可以控制相機旋轉(zhuǎn)并縮放圖表區(qū)域。

3D Box 系列

 

• 可自定義：基于值的著色，所有box的純色，單獨box的顏色。
• 可自定義box邊緣的圓度。

3D Surface 系列

 

• 可自定義：基于值的著色，純色，基于數(shù)據(jù)點的著色
• 可自定義線框

熱圖

 

• 可在XY圖表中使用
• 可以使用IntensityGrid建立二維長方形熱圖
• 可以使用IntensityMesh來建立二維網(wǎng)孔熱圖
• 可以用熱圖來建立頻譜圖

縮放趨勢圖

 

• 可在XY圖表中的操作界面添加自定義，易縮放的趨勢圖
• 自動在軸里添加所有系列
• 自動跟蹤所附帶軸的比例
• 具有互動性，并可以用來更改其所附屬的圖表中的視圖。

雷達/蛛網(wǎng)圖表

 

• 軸線可以自動分類生成
• 圓形和線條網(wǎng)格
• 點、線和填充區(qū)域圖
• 縮放模式包括了自動填充、擴展、遞增、遞減和手動
• 數(shù)據(jù)光標可以自定義形狀和樣式

餅圖/環(huán)形圖

 

• 餅區(qū)的填充和邊界樣式可以自定義
• 自定義排序和格式
• 動態(tài)餅區(qū)轉(zhuǎn)換、處理與恢復(fù)
• 標簽可以設(shè)置在指示線一側(cè)，或餅區(qū)內(nèi)部
• 餅區(qū)可以通過鼠標/觸屏操作單獨顯示

漏斗圖表

 

• 塊區(qū)可以使用不同填充和描邊進行樣式設(shè)置
• 塊區(qū)之間可以留有空隙
• 可以完全自定義塊區(qū)的排序和格式
• 標簽可以設(shè)置在連接線一側(cè)或塊區(qū)內(nèi)部
• 塊區(qū)可以根據(jù)值由2種不同方式顯示：可變寬度和可變高度

儀表圖

 

• 儀表可以使用不同填充和描邊進行樣式設(shè)置
• 可設(shè)置儀表的厚度
• 儀表扇區(qū)可以使用不同填充和描邊進行樣式設(shè)置
• 可以完全自定義扇區(qū)的排序和格式
• 可以自定義儀表的起始角和終止角
• 可以自定義儀表的間隔值及其間隔和角度變化及儀表配置/重置

 

金字塔圖表

 

• 扇區(qū)可以使用不同填充和描邊進行樣式設(shè)置
• 扇區(qū)之間可以留有空隙
• 可以完全自定義扇區(qū)的排序和格式
• 標簽可以設(shè)置在連接線一側(cè)或塊區(qū)內(nèi)部

 

網(wǎng)頁端獨一無二的運行性能

LightningChart® JS 具有出色的運行性能，能同時輸入十個實時數(shù)據(jù)源，極速輸出10個百萬點的圖表。GPU加速和WebGL渲染保證設(shè)備的圖形處理器得到有效利用，提高了刷新頻率，使動畫效果運行流暢。

 

頂級用戶體驗

LightningChart® JS 獨特的超強渲染能力保證了動畫的流暢性，在每張圖表顯示的數(shù)據(jù)量上超過了業(yè)界水平。產(chǎn)品提供直觀的觸屏交互功能，可以縮放，平移，移動數(shù)據(jù)光標等。

操作界面簡便易用，可以輕松操作數(shù)十種圖表，插件等UI元素。

 

 

示例Example

交互的示例網(wǎng)頁端提供了數(shù)目繁多的樣本及其相關(guān)代碼

用戶可以在線進行個性化嘗試和操作

 

 

運行環(huán)境要求

硬件

適配 WebGL 的GPU, 及其最新的驅(qū)動版本和軟件

軟件

關(guān)于瀏覽器的兼容測試在2018年12月份完成:

Google Chrome, Mozilla Firefox, Microsoft Edge,

Safari, Opera, YandexBaidu百度, Maxthon,

Sogou搜狗, 360 chrome, QQ騰訊, Liebao / Cheetah 獵豹