LightningChart JS是Web上性能最高的圖表庫(kù)具有出色的執(zhí)行性能 - 使用高數(shù)據(jù)速率同時(shí)監(jiān)控?cái)?shù)十個(gè)數(shù)據(jù)源。 GPU加速和WebGL渲染確保您的設(shè)備的圖形處理器得到有效利用，從而實(shí)現(xiàn)高刷新率和流暢的動(dòng)畫。

LightningChart JS 5.0是一個(gè)主要版本，它帶來了新的產(chǎn)品特性、視覺效果和開發(fā)人員體驗(yàn)的改進(jìn)！

WebGL上下文共享

在這次更新中，基于大量的用戶需求，LC JS引入了WebGL上下文共享：一個(gè)多圖表應(yīng)用程序開發(fā)的變革特性。從版本v.5.0開始，用戶可以輕松地使用HTML div元素為每個(gè)圖表定義布局，并使用CSS定位。LightningChart JS優(yōu)化所有圖表的渲染，而不需要考慮它們的位置或數(shù)量。

這種增強(qiáng)簡(jiǎn)化了將高性能圖表集成到復(fù)雜布局中的過程，并支持圖表重排、動(dòng)態(tài)圖表修改、下鉆視圖和移動(dòng)友好設(shè)計(jì)等高級(jí)功能。

在使用LightningChart JS時(shí)，新版本還實(shí)現(xiàn)了不同的新功能來改善UI。

單個(gè)結(jié)果表字體和顏色

當(dāng)鼠標(biāo)懸停在數(shù)據(jù)上時(shí)，用戶可以看到一個(gè)顯示結(jié)果的框。現(xiàn)在可以使用不同的字體或顏色樣式自定義每個(gè)結(jié)果。例如一個(gè)標(biāo)簽可能是粗體樣式，另一個(gè)標(biāo)簽可能使用斜體樣式等。在以前的LC JS版本中，這是不可能的，表格中的所有結(jié)果都具有相同的字體和填充樣式。

更多點(diǎn)形狀類型

新版本中添加了新的點(diǎn)形狀和pointLineSeries，包括箭頭、十字、菱形、減號(hào)、正號(hào)和星號(hào)類型，這些新類型也顯示在附圖中。

在餅圖、漏斗圖和金字塔圖上的自動(dòng)游標(biāo)

通過在餅圖切片上添加自動(dòng)游標(biāo)，將鼠標(biāo)懸停在切片上將顯示相應(yīng)的切片值。

性能改進(jìn)

圖系列優(yōu)化

在此版本中，所有圖形系列類型(包括分段、矩形、橢圓和方框系列)的性能都得到了提升。在之前的LC JS 4.0中，圖形系列以10-20 FPS的速度在1.4秒內(nèi)加載了1000個(gè)盒子。

在LC JS 5.0中，圖形系列現(xiàn)在可以在0.5秒內(nèi)加載10,000個(gè)盒子。同樣地，即使所有動(dòng)畫、光標(biāo)、縮放和平移都被啟用，F(xiàn)PS性能也提高到60 FPS。

提高視覺質(zhì)量

對(duì)于這個(gè)版本，技術(shù)團(tuán)隊(duì)重做了JS圖表的關(guān)鍵功能，以下是其中的一些：

縮放波段圖

最新的更新引入了一個(gè)重制的縮放波段圖功能，為用戶提供了一個(gè)增強(qiáng)的體驗(yàn)和改進(jìn)的美學(xué)，主圖表中沒有顯示的數(shù)據(jù)現(xiàn)在被巧妙地調(diào)暗，確保用戶只關(guān)注相關(guān)數(shù)據(jù)。

通過可拖動(dòng)的“筆尖”，交互變得直觀，用戶可以輕松地使用鼠標(biāo)滾輪或點(diǎn)擊縮放帶圖來修改視圖。除了這些視覺增強(qiáng)之外，API也得到了簡(jiǎn)化，使其不僅更加健壯，而且用戶友好。

光標(biāo)點(diǎn)標(biāo)記

現(xiàn)在當(dāng)您懸停時(shí)，默認(rèn)情況下將在光標(biāo)位置顯示一個(gè)小的十字準(zhǔn)星。對(duì)于那些尋求自定義的用戶，可以靈活地選擇各種點(diǎn)形狀，如鉆石，圓形，星形，方形等，確保更定制的用戶交互。

開發(fā)體驗(yàn)改進(jìn)

根據(jù)熱圖用戶的反饋，我們意識(shí)到由于高數(shù)據(jù)速率導(dǎo)致樣本以不同的延遲和偶爾錯(cuò)誤的順序流而面臨的挑戰(zhàn)。

為了增強(qiáng)用戶體驗(yàn)并解決這些問題，新版本中引入了一個(gè)新的API，這個(gè)API便于直接輸入時(shí)間戳熱圖樣本，確保準(zhǔn)確的數(shù)據(jù)表示，即使樣本不按順序到達(dá)。這一重大升級(jí)極大地增強(qiáng)了終端用戶的便利性。