如何删除图例并向 LightningChart js 添加新图例？

Question

LightiningChart JS手动删除和添加图例的方法
在 LightiningChart JS 中删除和添加 PointSeries 的方法

Answer 1

1.手动删除和添加图例到 LightiningChart JS 的方法

您可以使用 dispose 方法从 legendBox 中手动删除条目。

// Add legend box to the chart
const lb = chart.addLegendBox()
// Add all Series in a chart to the legendBox, and cache the entries
const entries = lb.add(chart)
// Remove an entry from the legendBox; this will remove the checkbox and the title of the series that was removed
entries[2].dispose()

请注意，处理条目不会删除组标题，即使该组中没有条目。

目前，无法将删除的条目恢复到 legendBox，但您可以将系列重新添加到 legendBox。如果给定相同的标题，legendBox 将自动将新条目与同一组中的其他条目分组。

// Argument 1: Series to add.
// Argument 2: Boolean, if the object attached to this entry should be disposed when checkbox is clicked.
// Argument 3: Group this entry should be attached to. If empty, entry will be attached to 'undefined group'.
lb.add( series, true, 'group name' )

2。将 PointSeries 删除和添加到 LightiningChart JS 的方法

如果要在图表中删除和添加相同的 PointSeries，只需分别调用 dispose() 和 restore() 方法即可。

// Add a new PointSeries to the chart, where the points are shaped as triangles.
const pointSeries = chartXY.addPointSeries( { pointShape: PointShape.Triangle } )
// Remove the PointSeries from the chart.
pointSeries.dispose()
// Add the PointSeries back to the chart.
pointSeries.restore()

已处置的系列可以恢复到图表中，只要您仍然对该系列有参考。

如何删除图例并向 LightningChart js 添加新图例？

How to remove legend and add new legend to LightningChart js?

javascript

lightningchart