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

JavaScript圖表庫LightningChart JS最新版本v1.0.0發布，點擊查看詳情！

點擊下載LightningChart JS社區版

漸進系列

漸進系列是高度優化的系列，用于在保持完全交互性的情況下呈現大容量和高密度數據。
通過選擇DataPattern可以啟用這些優化，該DataPattern需要在創建系列實例的過程中指定，并且由于性能相關的原因而無法進一步更改。

所述DataPatterns -collections對象包含漸進數據模式的所有不同的方向：

• 選擇DataPatterns.horizontalProgressive以有效處理水平漸進數據集。

• 選擇DataPatterns.horizontalRegressive以有效處理水平回歸數據集。

• 選擇DataPatterns.verticalProgressive以有效處理垂直漸進數據集。

• 選擇DataPatterns.verticalRegressive以有效處理垂直回歸數據集。

// Create line series optimized for horizontally progressive data.const series = chart.addLineSeries(
    // Using the DataPatterns ojbect to select the certain pattern for the line series.
    {  dataPattern: DataPatterns.horizontalProgressive  })

基于指定DataPattern創建的系列僅針對所選模式進行了高度優化。我們不建議提供與指定的DataPattern矛盾的數據。

重點：

通過為x軸和y軸都指定ScrollStrategy，也可以自動進行漸進系列數據的滾動和優化，以高效執行滾動。

• 選擇AxisScrollStrategies.expansion。如果某些點超出比例，則自動增加比例。保留使用的標度的累進性/回歸性。

• 選擇AxisScrollStrategies.fitting。如果某些點超出比例，則自動增加比例尺；如果空白空間過多，則自動減小比例尺。保留使用的標度的累進性/回歸性。

• 選擇AxisScrollStrategies.progressive。自動向正方向滾動刻度。

• 選擇AxisScrollStrategies.regressive。自動將刻度滾動到負方向。

• 傳遞未定義以禁用自動滾動。然后可以使用Axis的 setInterval方法手動設置比例

對于此特定示例，并基于選定的DataPatterns，軸的配置可以是AxisScrollStrategies.progressive或AxisScrollStrategies.regressive。

例如

DataPatterns.horizontalProgressive系列已創建。X軸滾動應使用 AxisScrollStrategies.progressive配置。Y滾動可以是任意值。

// Configure axis to have progressive scrolling.
axisX.setScrollStrategy( AxisScrollStrategies.progressive )

DataPatterns.horizontalRegressive系列已創建。X軸滾動應使用 AxisScrollStrategies.regressive配置。Y滾動可以是任意值。

// Configure axis to have regressive scrolling.
axisX.setScrollStrategy( AxisScrollStrategies.regressive )

DataPatterns.verticalProgressive系列已創建。Y軸滾動應使用 AxisScrollStrategies.progressive配置。X滾動可以是任何滾動。

// Configure axis to have progressive scrolling.
axisY.setScrollStrategy( AxisScrollStrategies.progressive )

DataPatterns.verticalRegressive系列已創建。Y軸滾動應使用 AxisScrollStrategies.regressive配置。X滾動可以是任何滾動。

// Configure axis to have regressive scrolling.
axisY.setScrollStrategy( AxisScrollStrategies.regressive )

  推薦閱讀：

LightningChart JS重磅上新，你值得擁有的性能最高的JavaScript圖表庫！

=====================================================

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

關注下方的微信公眾號，及時獲取產品最新資訊▼▼▼