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

點(diǎn)擊下載LightningChart JS最新試用版

相關(guān)推薦：

JavaScript可視化圖表庫(kù)LightningChart JS最新版安裝教程

JavaScript可視化圖表庫(kù)LightningChart JS入門第一步

LightningChartJS 遷移指南

從1.3.1及以前的版本到2.0.0及以后的版本。

LineSet改進(jìn)

雖然這不是一個(gè)破壞兼容性的變化，但我們認(rèn)為這值得在此強(qiáng)調(diào)。

我們改進(jìn)了庫(kù)中粗線條的繪制，減少了約75%的內(nèi)存使用，同時(shí)改善了線條的視覺(jué)效果。

軸的變化

在這個(gè)版本中，我們重構(gòu)了我們的坐標(biāo)軸tick策略的工作方式，以允許更復(fù)雜的坐標(biāo)軸和更好的視覺(jué)風(fēng)格。因此，tick策略的使用方式也發(fā)生了變化。

- 增加了Axis.setTickStrategy( TickStrategy, (optional)tickStrategyMutator )。
o 這用于設(shè)置 Axis 的 Tick Strategies，以及 Tick Strategies 的樣式元素。
o 突變器是可選的，僅在樣式化或修改TickStrategy元素時(shí)使用。

- DateTime TickStrategy原點(diǎn)現(xiàn)在可以通過(guò)setter方法設(shè)置。
o 使用一個(gè)突變器來(lái)改變DateTime Tick策略的DateOrigin。
o Axis.setTickStrategy( AxisTickStrategies.DateTime, ( tickStrategy ) => {
tickStrategy.setDateOrigin( dateOrigin ) }。)

軸刻度現(xiàn)在被分成三種不同的類別:

- 主要事項(xiàng)
o 這些總是顯示出來(lái)。
o 它們代表了所示比例尺中的主要閾值。

- 小刻度

o 默認(rèn)顯示，可隱藏
o 在主要刻度之間匹配
o 如果標(biāo)簽可以容納而不與其他標(biāo)簽重疊，則顯示標(biāo)簽。
* 否則只顯示部分或不顯示。
勾線和網(wǎng)格線的顯示不受影響

- 大ticks

o 與DateTime Tick策略一起使用。
o 顯示的是大的閾值（如日期中的年數(shù)）。
o 可以隱藏

- 極端ticks

o 默認(rèn)情況下是隱藏的，可以啟用。
o 顯示在軸線的兩端。
o 有助于始終顯示一個(gè)軸的當(dāng)前極端值。

不同的tick可以通過(guò)使用Axis.setTickStrategy()方法，通過(guò)使用可選的tickStrategyMutator來(lái)實(shí)現(xiàn)風(fēng)格化。

- Axis.setTickStrategy( TickStrategy, ( mutator ) => { mutator.setMajorTickStyle( (tickStyle) => { tickStyle.setGridStrokeStyle( ... ) }。) } )

AxisTickStrategies.NumericWithUnits(數(shù)字單位)

NumericWithUnits TickStrategy已被刪除。通過(guò)使用Numeric TickStrategy及其setFormattingFunction()方法可以實(shí)現(xiàn)同樣的功能。

從圖表/軸的創(chuàng)建中刪除了默認(rèn)的軸刻度線策略

舊的行為:

- 在創(chuàng)建圖表時(shí)

LightningChart.ChartXY( { defaultAxisXTickStrategy.DateTime() }。AxisTickStrategies.DateTime() }。)

- 在創(chuàng)建Axis時(shí)。
ChartXY.addAxisX( undefined, AxisTickStrategies.DateTime())
新行為。

- 在創(chuàng)建圖表時(shí)
LightningChart.ChartXY().setTickStrategy( AxisTickStrategies.DateTime )

- 在創(chuàng)建Axis時(shí)。

ChartXY.addAxisX().setTickStrategy( AxisTickStrategies.DateTime )

WebGL擴(kuò)展要求

LightningChart JS現(xiàn)在需要以下WebGL擴(kuò)展才能正常工作。

• ANGLE_instanced_arrays
• EXT_blend_minmax
• OES_element_index_uint.
• OES_standard_derivatives
• OES_vertex_array_object(頂點(diǎn)陣列對(duì)象)
• WEBGL_lose_context

你已經(jīng)知道我們這樣做的原因了--PointSet的性能得到了顯著提升。

儀表板選項(xiàng)

簡(jiǎn)化了Dashboard的創(chuàng)建。圖表選項(xiàng)不再作為一個(gè)單獨(dú)的選項(xiàng)對(duì)象分開(kāi)。`columnSpan`和`rowSpan`現(xiàn)在是可選的選項(xiàng)，如果沒(méi)有定義值，則默認(rèn)為1。

• Previously:Dashboard.createChartXY( { columnIndex: 0, rowIndex: 0, columnSpan: 1, rowSpan:1, chartXYOptions: { theme.Themes.dark, ..: Themes.dark, ... } } )
• Now:Dashboard.createChartXY( { columnIndex: 0, rowIndex.0, columnSpan: 1, rowSpan: 1,theme: theme: 0, columnSpan: 1, rowSpan: 1,theme: Themes.dark, ... } )

requestAnimationFrame和cancelAnimationFrame的Polyfills

1.3.1版本及之前，我們已經(jīng)為這些功能添加了自己的polyfills。從2.0.0版本開(kāi)始，開(kāi)發(fā)者需要為這些功能添加自己的polyfills。可以使用一個(gè)庫(kù)，如 requestAnimationFrame polyfill 庫(kù)來(lái)實(shí)現(xiàn)這個(gè)功能。這是為了遵循庫(kù)中多邊填充的最佳實(shí)踐而改變的。ColorHEX的變化

我們改變了ColorHEX方法中的值的順序(以前是#ARGB, #AARRGGBB)，以對(duì)應(yīng)CSS形式的#RGBA / #RRGGBBAA。

刪除過(guò)時(shí)的API

• 移除SolidGauge.setDataLabelFormater -> 使用SolidGauge.setDataLabelFormatter。
• 移除SolidGauge.getDataLabelFormater -> 使用SolidGauge.getDataLabelFormatter。
• setChartBackgroundStroke移除 -> 使用setChartBackgroundStrokeStyle。
• getChartBackgroundStroke移除 -> 使用getChartBackgroundStrokeStyle。
• setMaxPointsCount刪除 -> 使用setMaxPointCount。
• containerId引擎選項(xiàng)被刪除 -> 使用容器引擎選項(xiàng)代替。這允許通過(guò)像之前一樣將containerId作為一個(gè)字符串，或者只是傳遞container（div）本身。

想要購(gòu)買LightningChart JS正版授權(quán)，或了解更多產(chǎn)品信息請(qǐng)點(diǎn)擊