LightningChart JS是Web上性能最高的圖表庫具有出色的執(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)用。

JavaScript圖表庫LightningChart JS最新版本v1.0.0發(fā)布，點(diǎn)擊查看詳情！

點(diǎn)擊下載LightningChart JS社區(qū)版

漸進(jìn)系列

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

所述DataPatterns -collections對(duì)象包含漸進(jìn)數(shù)據(jù)模式的所有不同的方向：

• 選擇DataPatterns.horizontalProgressive以有效處理水平漸進(jìn)數(shù)據(jù)集。

• 選擇DataPatterns.horizontalRegressive以有效處理水平回歸數(shù)據(jù)集。

• 選擇DataPatterns.verticalProgressive以有效處理垂直漸進(jìn)數(shù)據(jù)集。

• 選擇DataPatterns.verticalRegressive以有效處理垂直回歸數(shù)據(jù)集。

// 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創(chuàng)建的系列僅針對(duì)所選模式進(jìn)行了高度優(yōu)化。我們不建議提供與指定的DataPattern矛盾的數(shù)據(jù)。

重點(diǎn)：

通過為x軸和y軸都指定ScrollStrategy，也可以自動(dòng)進(jìn)行漸進(jìn)系列數(shù)據(jù)的滾動(dòng)和優(yōu)化，以高效執(zhí)行滾動(dòng)。

• 選擇AxisScrollStrategies.expansion。如果某些點(diǎn)超出比例，則自動(dòng)增加比例。保留使用的標(biāo)度的累進(jìn)性/回歸性。

• 選擇AxisScrollStrategies.fitting。如果某些點(diǎn)超出比例，則自動(dòng)增加比例尺；如果空白空間過多，則自動(dòng)減小比例尺。保留使用的標(biāo)度的累進(jìn)性/回歸性。

• 選擇AxisScrollStrategies.progressive。自動(dòng)向正方向滾動(dòng)刻度。

• 選擇AxisScrollStrategies.regressive。自動(dòng)將刻度滾動(dòng)到負(fù)方向。

• 傳遞未定義以禁用自動(dòng)滾動(dòng)。然后可以使用Axis的 setInterval方法手動(dòng)設(shè)置比例

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

例如

DataPatterns.horizontalProgressive系列已創(chuàng)建。X軸滾動(dòng)應(yīng)使用 AxisScrollStrategies.progressive配置。Y滾動(dòng)可以是任意值。

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

DataPatterns.horizontalRegressive系列已創(chuàng)建。X軸滾動(dòng)應(yīng)使用 AxisScrollStrategies.regressive配置。Y滾動(dòng)可以是任意值。

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

DataPatterns.verticalProgressive系列已創(chuàng)建。Y軸滾動(dòng)應(yīng)使用 AxisScrollStrategies.progressive配置。X滾動(dòng)可以是任何滾動(dòng)。

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

DataPatterns.verticalRegressive系列已創(chuàng)建。Y軸滾動(dòng)應(yīng)使用 AxisScrollStrategies.regressive配置。X滾動(dòng)可以是任何滾動(dòng)。

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

  推薦閱讀：

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

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

如果你想LightningChart JS應(yīng)用于商業(yè)用途，歡迎。

關(guān)注下方的微信公眾號(hào)，及時(shí)獲取產(chǎn)品最新資訊▼▼▼