echarts legend 图例的hover事件 怎么写

要为 ECharts 图例（legend）添加 hover 事件，可以使用 ECharts 的图例组件（legend component）的 `selectedMode` 属性和 `selected` 事件。

首先，需要设置图例组件的 `selectedMode` 属性为 `'single'` 或 `'multiple'`，以允许多选或单选。例如：

legend: {
    selectedMode: 'single', // 或者 'multiple'
    // ...
}

然后，可以在 ECharts 实例中监听 `selected` 事件，并在事件处理函数中添加 hover 效果的代码。例如，下面的代码为饼图（pie chart）添加了图例 hover 效果：

myChart.on('selected', function (params) {
    var selected = params.selected;
    var seriesIndex = Object.keys(selected)[0]; // 获取选中的系列索引
    var chart = myChart.getModel().getSeriesByIndex(seriesIndex).getChart(); // 获取系列的图表实例
    var legend = chart.getOption().legend[0]; // 获取图表的图例实例
    var legendData = legend.data; // 获取图例的数据数组
    for (var i = 0; i < legendData.length; i++) { // 遍历图例的数据数组
        var name = legendData[i];
        var item = chart.getModel().getSeries()[0].getData().getItemGraphicEl(i); // 获取数据项的图形元素
        if (selected[name]) { // 如果当前数据项被选中
            item.trigger('mouseover'); // 添加 hover 效果
        } else {
            item.trigger('mouseout'); // 取消 hover 效果
        }
    }
});

在上面的代码中，我们首先获取了选中的系列索引，然后通过 `getChart` 方法获取了系列的图表实例。接着，我们通过 `getOption` 方法获取了图表的配置项，然后获取了图例实例和图例的数据数组。最后，我们遍历了图例的数据数组，并根据当前数据项是否被选中来添加或取消 hover 效果。

需要注意的是，上面的代码中假设了图表只有一个系列且系列类型为饼图。如果图表有多个系列或系列类型不同，需要根据实际情况修改代码。