ECharts 饼图绘制内环教程

要在 ECharts 的饼图中绘制内环，可以使用 'series-pie' 组件的 'radius' 属性来控制饼图的大小，然后再使用 'series-pie' 组件的 'labelLine' 和 'label' 属性来绘制内环。

下面是一个例子：

option = {
    series: [
        {
            type: 'pie',
            radius: ['40%', '55%'], // 控制饼图大小
            labelLine: {
                show: false // 隐藏标签引线
            },
            label: {
                show: false // 隐藏标签
            },
            data: [
                {value: 335, name: '直接访问'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1548, name: '搜索引擎'}
            ]
        },
        {
            type: 'pie',
            radius: ['30%', '35%'], // 控制内环大小
            labelLine: {
                show: false // 隐藏标签引线
            },
            label: {
                show: false // 隐藏标签
            },
            data: [
                {value: 0, name: ''} // 空数据
            ]
        }
    ]
};

在这个例子中，我们通过设置 'series-pie' 组件的 'radius' 属性来控制饼图的大小。然后，我们使用另一个 'series-pie' 组件来绘制内环，通过设置该组件的 'radius' 属性来控制内环的大小。由于内环不需要显示标签和标签引线，我们设置 'label' 和 'labelLine' 属性的 'show' 属性为 'false'。

注意：我们在内环的数据中添加了一个空数据项，这是为了让内环显示出来，否则内环将不会显示出来。