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

點擊下載LightningChart JS最新試用版

LightningChartJS 遷移指南
從1.3.1及以前的版本到2.0.0及以后的版本

線路集的改進

雖然這不是一個破壞兼容性的變化，但我們覺得這值得在這里強調。

我們改進了庫中粗線條的繪制，減少了約75%的內存使用，同時改善了線條的視覺效果。

軸的變化

在這個版本中，我們重構了我們的坐標軸tick策略的工作方式，以允許更復雜的坐標軸和更好的視覺風格。因此，tick策略的使用方式也有所改變。

- 增加了Axis.setTickStrategy( TickStrategy, (optional)tickStrategyMutator )。

• 這用于設置 Axis 的 Tick Strategies，以及 Tick Strategies 的樣式元素。
• 突變器是可選的，僅在樣式化或修改TickStrategy元素時使用。

• 使用一個突變器來改變DateTime Tick策略的DateOrigin。
• Axis.setTickStrategy( AxisTickStrategies.DateTime, ( tickStrategy ) => {tickStrategy.setDateOrigin( dateOrigin ) })

- 主要ticks

o 這些總是顯示出來。
o 它們代表了所示比例尺中的主要閾值。

- 小ticks

o 默認顯示，可隱藏
o 適應于主要ticks之間
o 如果標簽可以容納而不與其他標簽重疊，則顯示標簽。
* 否則只顯示部分或不顯示。
* 勾線和網格線的顯示不受影響

- 大ticks

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

- 極端ticks

o 默認情況下是隱藏的，可以啟用。
o 顯示在軸線的兩端。
o 有助于始終顯示一個軸的當前極端值。

不同的tick可以通過使用Axis.setTickStrategy()方法，通過使用可選的tickStrategyMutator來設置風格。

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

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

從圖表/軸的創建中刪除了默認的軸刻度線策略。

老行為

- 在創建圖表時
LightningChart.ChartXY( { defaultAxisXTickStrategy.DateTime() }。AxisTickStrategies.DateTime() }。)

- 在創建Axis時。

ChartXY.addAxisX( undefined, AxisTickStrategies.DateTime())

新行為

- 在創建圖表時
LightningChart.ChartXY().setTickStrategy( AxisTickStrategies.DateTime )
- 在創建Axis時。
ChartXY.addAxisX().setTickStrategy( AxisTickStrategies.DateTime )

WebGL擴展要求

LightningChart JS現在需要以下WebGL擴展才能正常工作。
- ANGLE_instanced_arrays
- EXT_blend_minmax
- OES_element_index_uint.
- OES_標準衍生產品
- OES_vertex_array_object(頂點陣列對象)
- WEBGL_lose_context

這些擴展在所有現代的桌面和移動瀏覽器中都已實現。如果這些擴展中的任何一個缺失，那么將顯示一個可忽略的警告，以通知用戶可能不正確的工作功能。
你已經知道我們這樣做的原因了--PointSet的性能得到了顯著提升。

儀表板選項

簡化了Dashboard的創建。圖表選項不再作為一個單獨的選項對象分開。`columnSpan`和`rowSpan`現在是可選的選項，如果沒有定義值，則默認為1。

• 以前，Dashboard.createChartXY( { columnIndex: 0, rowIndex: 0, columnSpan: 1, rowSpan: 1, chartXYOptions: { theme.Themes.dark, ..: Themes.dark, ... } } )
• 現在，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版本及之前，我們已經為這些功能添加了自己的polyfills。從2.0.0版本開始，開發者需要為這些功能添加自己的polyfills。可以使用一個庫，如 requestAnimationFrame polyfill 庫來實現這個功能。這是為了遵循庫中多邊填充的最佳實踐而改變的。

ColorHEX的變化

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

刪除過時的API

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

如果你想LightningChart JS應用于商業用途，歡迎。