echarts 环形图设置鼠标经过阴影

在 ECharts 中，如果你想要在环形图上添加鼠标悬停（即鼠标经过）时的阴影效果，虽然默认的 hover 效果可能不直接包含阴影，但是可以通过一些自定义样式和事件处理来模拟这种效果。你可以利用 CSS 来添加一个半透明的矩形覆盖在环形图上，并通过鼠标enter和leave事件动态切换这个矩形的位置。

首先，你需要在ECharts的配置中设置 hover 相关的样式，然后在鼠标进入(`mouseenter`)和离开(`mouseleave`)时动态更改这些样式。以下是一个简单的示例：

option = {
    series: [{
        ...,
        itemStyle: {
            normal: {
                shadowBlur: 8, // 设置模糊程度
                shadowColor: 'rgba(0, 0, 0, 0.5)', // 设置阴影颜色
                // 其他样式...
            },
            emphasis: {
                shadowBlur: 20, // 鼠标放上去时放大阴影
                shadowColor: 'rgba(0, 0, 0, 0.8)', // 深化阴影颜色
            }
        },
        on: { // 添加 mouseenter 和 mouseleave 事件
            mouseover: function (params) {
                myChart.getZr().on('mousemove', handleMouseMove);
            },
            mouseout: function () {
                myChart.getZr().off('mousemove', handleMouseMove);
            }
        },
    }],
    on: {
        mousemove: handleMouseMove
    },
};

function handleMouseMove(event) {
    var point = event.offsetX; // 获取鼠标位置
    // 根据point计算并更新阴影矩形的position
}