ECHARTS怎么控制选中样式

ECharts 是一个使用 JavaScript 实现的开源可视化库，它可以在网页中创建丰富的图表类型。在 ECharts 中控制选中样式的常用方法是通过 `emphasis` 属性来定义。这个属性允许你在鼠标悬停或选中图表中的元素时改变其样式。

以下是一个简单的例子来说明如何为柱状图的选中状态设置样式：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisPointer: {
            type: 'shadow'
        }
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar',
        emphasis: {
            itemStyle: {
                // 在选中状态时改变颜色
                color: 'rgba(255, 0, 0, 0.8)',
                // 可以设置其他样式属性如阴影、边框等
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowOffsetY: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }]
};

在上面的例子中，`emphasis` 属性被用来定义当柱状图的某个柱子被鼠标悬停或选中时的样式。你可以通过调整 `itemStyle` 下的 `color` 和其他样式属性来定义你希望的选中样式。