echarts 柱状图鼠标移入改变颜色

ECharts是一个强大的JavaScript可视化库，它允许你在Web页面上创建各种图表，包括柱状图。为了实现在柱状图中鼠标移入时改变颜色的效果，你可以使用ECharts的事件监听功能和样式设置。

首先，在初始化柱状图时，你需要设置每个数据项的颜色为默认色。然后，在`itemStyle`配置中添加`emphasis`属性，这将定义当鼠标悬停在柱子上时应用的样式：

option = {
    // ... 其他基本配置
    series: [{
        name: '柱状图',
        type: 'bar',
        data: [/* 数据列表 */],
        itemStyle: {
            normal: { color: '#defaultColor' }, // 默认颜色
            emphasis: { // 鼠标悬停时的颜色和效果
                color: '#hoverColor', // 自定义的颜色
                shadowBlur: 0, // 取消阴影
                // 其他样式调整
            }
        },
        // ... 其他系列选项
    }]
};

当你把鼠标移动到柱子上时，柱子的颜色会变为`hoverColor`指定的颜色，并且取消阴影效果。记得替换`#defaultColor`和`#hoverColor`为你想要的颜色值。