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

Question

1. 手动删除和添加图例到LightiningChart JS的方法
2. 在 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。 LightiningChart JS 中删除和添加 PointSeries 的方法

如果你想在图表中删除和添加相同的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()

只要您仍然引用该系列，就可以将已处理的系列恢复到图表中。