全新的產品特性

LightningChart JS v8.0引入了新的產品特性。以下是概述：

圖例功能重構

在這個v8.0版本中，官方完全重建了圖例的工作方式，主要關注以下幾個方面：

• 更好的圖表外觀：圖例更不干擾數據展示，并能夠更好地適配可用空間。
• 配置更簡便：圖例設置更易上手，同時功能更強大。
• 內置選項更多：無需額外開發即可使用更多圖例樣式。
• 支持插件定制：可通過插件擴展圖例功能，無需從零實現自定義功能。

新圖例默認自動顯示在趨勢圖下方，同時也支持手動創建多個圖例。圖例位置可以選擇內置位置或自定義位置，也可配置點擊行為（內置或自定義）。創建圖例時，還支持排除具體的數據序列。

// Set legend position to TopRight
chart.legend.setOptions({
position: LegendPosition.TopRight
});
// Set legend entry click behavior to focus clicked
chart.legend.setOptions({
entries: {
events: {
click: LegendEntryClickBehaviors.focusClicked
}
}
});
// Add a line series and hide it from the legend
const series = chart.addLineSeries({
legend: { show: false }
});

Point Stroke API

現在，PointLineAreaSeries、PolarPointSeries 與Point標記支持設置描邊（border stroke），可通過 setPointStrokeStyle 方法配置或禁用描邊效果。

軸標題定位

在 v8 中，軸標題定位得到了改進。此前標題總是居中顯示在坐標軸上，而現在新增了 center-chart 定位選項，這個選項對于更好地對齊在特定邊有填充的圖表中的軸標題很有用。當圖表僅包含一個 X 軸和一個 Y 軸時，該定位選項已作為默認設置。

視覺質量提升

LightningChart JS v8.0對光標點標記進行了調整，光標點標記的默認樣式更改為透明圓形，從而改進了數據值的高亮顯示方式。這里有兩個示例：

改進小圖表光標適配

針對小圖表的用例，光標的適配能力得到增強。新版本添加了更多的內置邏輯，來防止由于可用空間很少導致光標內容不可見的情況。

DataSetXY 重構與性能提升

LightningChart JS v8.0 帶來多項性能優化，其中最顯著的提升，可通過新的 DataSetXY 功能來實現：

• 共享時間戳可將圖表內存消耗減少 2 倍。
• 如果某些測量不需要完整的64位精度，單獨的數據存儲格式配置可以進一步減少內存消耗。
• 數據映射可以大大加快顯示通道的切換速度，提高內存效率。

Racing Dashboard 示例：DataSetXY 的實際應用案例

這個 Racing Dashboard 演示展示了 DataSetXY API 的實際優勢，演示中多個通道（如輪胎溫度、速度、加速度）共用一個時間戳數據集。

使用新的 DataSetXY API，只需創建一個數據集并將所有數據推入其中，隨后通過數據映射將多個系列連接到同一個數據集。該方式消除數據重復，并顯著減少數據輸入處理時間。

多通道EEG測試用例 & 進一步的性能提升

在多通道 EEG 共用時間戳測試中，產品團隊加載了比以前大8倍的數據集，達到了驚人的 80 億個數據點，這是 Web 數據可視化領域一個重要的突破。

除了前面提到的改進，LightningChart JS v8.0還提供了額外的開箱即用的性能增強：

• 實時流式線圖系列的 CPU 使用率降低了約 63%。
• 實時流式散點圖系列的 CPU 使用率降低了約 245%。

開發體驗改進

開發者現在可以分別高亮矩形、多邊形、線段、文本等不同圖形；此前這些同屬同一個序列的圖形只能一起高亮顯示。

這是一個顯著的改進，特別是由于不必將數字分成許多不同的序列而帶來的性能優勢，它使直方圖用例更方便實現。同時還更新了在線直方圖示例代碼，來展示這個新功能。

LUT 格式化器

新增一個統一配置 LUT 單位格式化的方式，可靈活控制圖例、光標中 LUT 值的格式（如小數位數、單位等）。

new LUT({
steps: [
{ value: 0, color: ColorHEX('#000000') },
{ value: 100, color: ColorHEX('#ff0000') },
],
interpolate: true,
formatter: (value) => `${value.toFixed(1)} Hz`,
})

更多產品更新信息歡迎“”了解！