echarts饼图高亮幅度调整

### 调整 ECharts 饼图高亮显示效果

对于ECharts中的饼图，当用户交互时（如鼠标悬停），可以通过`emphasis`属性来定义其高亮状态下的样式和幅度。此功能允许自定义诸如颜色、阴影以及其他视觉增强特性。

#### 自定义高亮样式

通过修改`itemStyle.emphasis`选项能够控制饼图扇区在被选中或悬浮状态下呈现的效果：

series: [
    {
        name: '访问来源',
        type: 'pie',
        radius: ['40%', '70%'],
        itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)',
                color: '#ffcc00' // 改变高亮时候的颜色
            }
        },
        data:[
            {value:335, name:'直接访问'},
            {value:310, name:'邮件营销'}
        ]
    }
]

上述代码片段展示了如何设置阴影模糊程度(`shadowBlur`)、偏移量(`shadowOffsetX/Y`)以及应用新的填充色(`color`)给处于强调模式下的项目[^1]。

#### 控制高亮范围

如果希望调整高亮区域的大小，则可通过调节`radius`参数影响整个圆环宽度，间接改变了突出部分所占比例；而对于单个切片而言，利用`hoverAnimation`配合`scaleSize`可以创建缩放动画效果，使选定项看起来更大更显眼[^2]。

series: [{
    ...
    hoverAnimation: true,
    scaleSize: 1.1 // 当前元素放大到原来的1.1倍
}]

值得注意的是，在某些情况下可能还需要考虑移动设备上的用户体验优化问题，比如确保即使屏幕较小也能清晰看到变化，并且不会因为过多特效造成性能下降等问题[^3]。