拥有图例并显示/隐藏系列echarts

Question

我用 echarts 的复选框准备了自己的图例。单击复选框时，它会调用特殊函数以从图表中删除数据。我从系列中删除或添加此数据并重新加载图表。

但是，eCharts 有自己的图例，其中包含 legendToggleSelect 和 select 等事件。也许我可以使用一些函数或调度操作来显示/隐藏数据而不是添加/删除数据？

我尝试使用dispatchAction，但它不显示/隐藏，它只启动动画。

我这样使用dispatchAction：

myChart.dispatchAction({
    type: "legendToggleSelect",
    name: id,

});

但仅在开始动画中，而不是隐藏/显示系列。

Answer 1

在这里，我实现了一种逻辑，您可以在单击时仅显示一个系列。

Echarts 在图例点击时隐藏系列。但是，如果您想显示该系列并隐藏所有其他系列，该怎么办？

示例

Echarts 给出了一个名为

legendselectchanged

的事件。当图例点击事件发生时会调用它，您可以在其中实现您想要的逻辑。