LightningChart JS股票交易圖

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

• OHLC數(shù)據(jù)
• 指數(shù)移動(dòng)平均值
• 簡(jiǎn)單移動(dòng)平均值
• 布林帶
• 交易量
• RSI指標(biāo)

 

LightningChart JS實(shí)時(shí)曲線滾動(dòng)圖

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

 

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

毫秒間渲染百萬(wàn)點(diǎn)的圖表，左上角可見(jiàn)每次渲染1百萬(wàn)點(diǎn)的時(shí)間。

 

音頻可視化

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

• 最新光譜樣本
• 可見(jiàn)的最大頻率
• 衰減頻率歷史記錄

 

高性能 Javascript WebGL圖表

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

 

 

操作界面

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

 

 

動(dòng)畫

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

 

 

WebGL 渲染

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

 

Server side rendering

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

XY圖表

 

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

3D圖表

 

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

3D Box 系列

 

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

3D Surface 系列

 

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

熱圖

 

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

縮放趨勢(shì)圖

 

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

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

 

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

餅圖/環(huán)形圖

 

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

漏斗圖表

 

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

儀表圖

 

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

 

金字塔圖表

 

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

 

網(wǎng)頁(yè)端獨(dú)一無(wú)二的運(yùn)行性能

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

 

頂級(jí)用戶體驗(yàn)

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

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

 

 

示例Example

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

用戶可以在線進(jìn)行個(gè)性化嘗試和操作

 

 

運(yùn)行環(huán)境要求

硬件

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

軟件

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

Google Chrome, Mozilla Firefox, Microsoft Edge,

Safari, Opera, YandexBaidu百度, Maxthon,

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