echarts 饼图点击图例不置灰且选中扇形放大

ECharts 是一个使用 JavaScript 实现的开源可视化库，它提供了丰富的图表类型和强大的配置项，可以用来快速构建各种数据的图表。在 ECharts 中，可以通过设置相应的配置项来实现饼图点击图例时不置灰，同时选中的扇形进行放大的效果。

具体来说，可以通过在饼图的配置项中，设置 `roseType` 为 `'angle'` 或者 `'area'` 来实现放大效果，而对于图例，可以通过设置图例的 `selectedMode` 为 `'multiple'` 并使用 `legendFormatter` 来自定义图例文本，使得点击后图例不置灰。同时，通过监听图例的选择事件 `legendselectchanged` 并在事件处理函数中使用 `setOption` 方法动态更新图表数据和样式，可以实现点击图例时只改变对应扇形的视觉效果而不影响其他扇形。

以下是一个简单的代码示例：

option = {
    legend: {
        selectedMode: 'multiple', // 设置图例多选模式
        data: ['分类A', '分类B', '分类C'],
        formatter: function(name) {
            // 自定义图例文本
            return name + ' (' + this.getOption('series')[0].data[this.getNameIndex(name)].value + ')';
        }
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            roseType: 'area', // 通过设置为 'area' 实现扇形放大效果
            data: [
                {value: 1048, name: '分类A'},
                {value: 735, name: '分类B'},
                {value: 580, name: '分类C'},
                {value: 484, name: '分类D'},
                {value: 300, name: '分类E'}
            ],
            // 其他配置项...
        }
    ]
};

在实际应用中，你可能还需要对 `setOption` 方法进行适当的调用来更新图表的选中状态，以及根据用户的交互动态改变图表的视觉表现。