Echart 环形图圆变大

要实现 Echart 环形图圆变大的效果，可以通过修改 series 的 radius 属性来实现。具体的代码如下：

option = {
    series: [
        {
            type: 'pie',
            radius: ['50%', '70%'],
            data: [
                {value: 335, name: '直接访问'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1548, name: '搜索引擎'}
            ]
        }
    ]
};

// 当鼠标移动到某个扇形上时，该扇形的半径变大
myChart.on('mouseover', function(params) {
    if (params.componentType === 'series') {
        myChart.setOption({
            series: [{
                radius: ['60%', '80%'],
            }]
        });
    }
});

// 当鼠标移出扇形时，恢复原来的半径
myChart.on('mouseout', function(params) {
    if (params.componentType === 'series') {
        myChart.setOption({
            series: [{
                radius: ['50%', '70%'],
            }]
        });
    }
});

在上述代码中，我们定义了一个饼图，并设置了初始的半径为 `['50%', '70%']`。当鼠标移动到某个扇形上时，我们通过 `mouseover` 事件来监听，并修改 series 的 radius 属性为 `['60%', '80%']`，从而实现扇形变大的效果；当鼠标移出扇形时，我们通过 `mouseout` 事件来监听，并恢复原来的半径即可。