全新的產(chǎn)品特性

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

圖例功能重構(gòu)

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

• 更好的圖表外觀：圖例更不干擾數(shù)據(jù)展示，并能夠更好地適配可用空間。
• 配置更簡(jiǎn)便：圖例設(shè)置更易上手，同時(shí)功能更強(qiáng)大。
• 內(nèi)置選項(xiàng)更多：無(wú)需額外開發(fā)即可使用更多圖例樣式。
• 支持插件定制：可通過(guò)插件擴(kuò)展圖例功能，無(wú)需從零實(shí)現(xiàn)自定義功能。

新圖例默認(rèn)自動(dòng)顯示在趨勢(shì)圖下方，同時(shí)也支持手動(dòng)創(chuàng)建多個(gè)圖例。圖例位置可以選擇內(nèi)置位置或自定義位置，也可配置點(diǎn)擊行為（內(nèi)置或自定義）。創(chuàng)建圖例時(shí)，還支持排除具體的數(shù)據(jù)序列。

// 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

現(xiàn)在，PointLineAreaSeries、PolarPointSeries 與Point標(biāo)記支持設(shè)置描邊（border stroke），可通過(guò) setPointStrokeStyle 方法配置或禁用描邊效果。

軸標(biāo)題定位

在 v8 中，軸標(biāo)題定位得到了改進(jìn)。此前標(biāo)題總是居中顯示在坐標(biāo)軸上，而現(xiàn)在新增了 center-chart 定位選項(xiàng)，這個(gè)選項(xiàng)對(duì)于更好地對(duì)齊在特定邊有填充的圖表中的軸標(biāo)題很有用。當(dāng)圖表僅包含一個(gè) X 軸和一個(gè) Y 軸時(shí)，該定位選項(xiàng)已作為默認(rèn)設(shè)置。

視覺(jué)質(zhì)量提升

LightningChart JS v8.0對(duì)光標(biāo)點(diǎn)標(biāo)記進(jìn)行了調(diào)整，光標(biāo)點(diǎn)標(biāo)記的默認(rèn)樣式更改為透明圓形，從而改進(jìn)了數(shù)據(jù)值的高亮顯示方式。這里有兩個(gè)示例：

改進(jìn)小圖表光標(biāo)適配

針對(duì)小圖表的用例，光標(biāo)的適配能力得到增強(qiáng)。新版本添加了更多的內(nèi)置邏輯，來(lái)防止由于可用空間很少導(dǎo)致光標(biāo)內(nèi)容不可見的情況。

DataSetXY 重構(gòu)與性能提升

LightningChart JS v8.0 帶來(lái)多項(xiàng)性能優(yōu)化，其中最顯著的提升，可通過(guò)新的 DataSetXY 功能來(lái)實(shí)現(xiàn)：

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

Racing Dashboard 示例：DataSetXY 的實(shí)際應(yīng)用案例

這個(gè) Racing Dashboard 演示展示了 DataSetXY API 的實(shí)際優(yōu)勢(shì)，演示中多個(gè)通道（如輪胎溫度、速度、加速度）共用一個(gè)時(shí)間戳數(shù)據(jù)集。

使用新的 DataSetXY API，只需創(chuàng)建一個(gè)數(shù)據(jù)集并將所有數(shù)據(jù)推入其中，隨后通過(guò)數(shù)據(jù)映射將多個(gè)系列連接到同一個(gè)數(shù)據(jù)集。該方式消除數(shù)據(jù)重復(fù)，并顯著減少數(shù)據(jù)輸入處理時(shí)間。

多通道EEG測(cè)試用例 & 進(jìn)一步的性能提升

在多通道 EEG 共用時(shí)間戳測(cè)試中，產(chǎn)品團(tuán)隊(duì)加載了比以前大8倍的數(shù)據(jù)集，達(dá)到了驚人的 80 億個(gè)數(shù)據(jù)點(diǎn)，這是 Web 數(shù)據(jù)可視化領(lǐng)域一個(gè)重要的突破。

除了前面提到的改進(jìn)，LightningChart JS v8.0還提供了額外的開箱即用的性能增強(qiáng)：

• 實(shí)時(shí)流式線圖系列的 CPU 使用率降低了約 63%。
• 實(shí)時(shí)流式散點(diǎn)圖系列的 CPU 使用率降低了約 245%。

開發(fā)體驗(yàn)改進(jìn)

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

這是一個(gè)顯著的改進(jìn)，特別是由于不必將數(shù)字分成許多不同的序列而帶來(lái)的性能優(yōu)勢(shì)，它使直方圖用例更方便實(shí)現(xiàn)。同時(shí)還更新了在線直方圖示例代碼，來(lái)展示這個(gè)新功能。

LUT 格式化器

新增一個(gè)統(tǒng)一配置 LUT 單位格式化的方式，可靈活控制圖例、光標(biāo)中 LUT 值的格式（如小數(shù)位數(shù)、單位等）。

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

更多產(chǎn)品更新信息歡迎“”了解！