echarts 3.23 hover

在 ECharts 3.23 中，你可以通过使用 `hover` 事件来实现鼠标悬停时的交互效果。当鼠标悬停在图表的某个元素上时，你可以通过该事件来触发相应的操作，例如显示提示框、修改样式等。

下面是一个示例，展示如何在 ECharts 3.23 中实现鼠标悬停效果：

// 初始化图表
var myChart = echarts.init(document.getElementById('chart'));

// 配置项
var option = {
    // 其他配置...

    // 设置 hover 事件
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        itemStyle: {
            normal: {
                color: '#ff0000',  // 默认颜色
            },
            emphasis: {
                color: '#00ff00',  // 鼠标悬停时的颜色
            }
        }
    }],
};

// 使用配置项显示图表
myChart.setOption(option);

// 添加 hover 事件监听器
myChart.on('mouseover', function(params) {
    // 获取当前悬停的数据索引
    var dataIndex = params.dataIndex;

    // 在这里可以执行一些操作，例如修改样式、显示提示框等
    console.log('鼠标悬停在数据索引 ' + dataIndex + ' 上');
});

在上面的示例中，我们通过在 `itemStyle` 中定义了 `normal` 和 `emphasis` 两种样式，来区分默认状态和鼠标悬停状态下的样式。当鼠标悬停在柱状图的某个数据项上时，会触发 `mouseover` 事件，你可以在事件处理函数中执行相应的操作。

希望这个示例对你有帮助！如果你还有其他问题，请随时提问。