Javascript ECharts js-自定义HTML图例

我使用创建了一个饼图。因此，我想为我的图例使用自定义HTML，但我不知道如何使用它们的事件

以下是我迄今为止所做的工作：

我不知道如何使用正确的功能/事件使自定义图例可单击，以便显示/隐藏所选数据

我在这里发现了一些事件/行动

---

有人知道如何使用操作/事件将其应用于自定义html图例吗？

我假设您正在寻找类似下图的内容，用户可以在其中过滤图表

var myChart=echart.init（document.getElementById（'main'）； var选项={ 图例：{ 方向：'垂直'， 左:10,， 数据：['a'，'b'，'c'，'d'，'e'] }, 系列：[{ 姓名：'访问来源', 键入“pie”， 半径：['0%，'70%']， avoidLabelOverlap:错误， 拉贝林：{ 正常：{ 节目：假 } }, 数据：[{ 价值：335， 姓名：“a” }, { 数值：310， 姓名：'b' }, { 价值：234， 姓名：“c” }, { 价值：135， 姓名：“d” }, { 价值：1548， 名称：“e” } ] }] }; myChart.setOption（选项）

---

我假设您正在寻找类似下图的内容，用户可以在其中筛选图表

var myChart=echart.init（document.getElementById（'main'）； var选项={ 图例：{ 方向：'垂直'， 左:10,， 数据：['a'，'b'，'c'，'d'，'e'] }, 系列：[{ 姓名：'访问来源', 键入“pie”， 半径：['0%，'70%']， avoidLabelOverlap:错误， 拉贝林：{ 正常：{ 节目：假 } }, 数据：[{ 价值：335， 姓名：“a” }, { 数值：310， 姓名：'b' }, { 价值：234， 姓名：“c” }, { 价值：135， 姓名：“d” }, { 价值：1548， 名称：“e” } ] }] }; myChart.setOption（选项）

谢谢您的回复，是的，但我需要使用自定义html，我已经隐藏了默认Legend。我认为您无法在自定义图例上发送这些事件。这些活动仅适用于echarts js传奇。现在唯一的解决办法是在图例上编写自己的单击侦听器，并在您的终端过滤数据。感谢您的回复，是的，但我需要使用自定义html，我已隐藏默认图例。我认为您无法在自定义图例上调度这些事件。这些活动仅适用于echarts js传奇。现在唯一的解决方法是在图例上编写自己的单击侦听器，并在您的终端过滤数据。

dispatchAction({
    type: 'legendToggleSelect',
    // legend name
    name: string
})