echarts图表鼠标悬停时 图例错位

鼠标悬停时ECharts图表中的图例错位通常是由于图例与实际显示的系列（series）数据不匹配或者更新不当导致的。为了解决这个问题，请确保以下几点：

1. 图例（legend）的data属性中的每一项都应该与系列（series）中的每个对象的name属性相匹配。
2. 如果图例与系列数据是动态更新的，请确保更新操作正确无误，并且在更新后重新设置图表的option。

以下是一个简单的代码示例，演示如何在ECharts中同步更新图例与系列数据：

// 假设我们有以下的系列数据
var seriesData = [
    { name: '系列1', type: 'bar', data: [120, 200, 150, 80, 70, 110, 130] },
    { name: '系列2', type: 'line', data: [30, 182, 434, 791, 390, 30, 10] }
];
 
// 设置图例的数据
option.legend = {
    data: seriesData.map(item => item.name)
};
 
// 设置系列数据
option.series = seriesData;
 
// 初始化图表并设置option
var myChart = echarts.init(document.getElementById('main'));
myChart.setOption(option);
 
// 假设后续有数据更新
var updatedSeriesData = [
    { name: '系列1', type: 'bar', data: [100, 200, 150, 80, 70, 110, 130] },
    { name: '系列2', type: 'line', data: [30, 182, 434, 791, 390, 30, 10] }
];
 
// 更新系列数据
option.series = updatedSeriesData;
 
// 重新设置option以更新图表
myChart.setOption(option);

在这个例子中，我们首先设置了图例的data属性，使其与系列数据相匹配。随后，在系列数据更新时，我们也更新了图例的data属性，并重新设置了图表的option。这样可以确保图例和系列数据始终保持同步，避免错位问题。