ECharts 饼图环状修饰器绘制教程

要在 ECharts 饼图中绘制环形状态修饰器，可以使用 ECharts 的 graphic 组件。graphic 组件可以在图表上添加各种形状和文本，包括圆形、矩形、线条等等。

下面是一个示例代码，可以在饼图中添加一个圆环状态修饰器：

option = {
  series: [
    {
      name: '访问来源',
      type: 'pie',
      radius: ['50%', '70%'],
      data: [
        {value: 335, name: '直接访问'},
        {value: 310, name: '邮件营销'},
        {value: 234, name: '联盟广告'},
        {value: 135, name: '视频广告'},
        {value: 1548, name: '搜索引擎'}
      ],
      label: {
        show: true,
        position: 'inner',
        formatter: '{d}%'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '30',
          fontWeight: 'bold'
        }
      },
      graphic: [
        {
          type: 'ring',
          shape: {
            cx: '50%',
            cy: '50%',
            r: ['80%', '90%']
          },
          style: {
            stroke: '#fff',
            lineWidth: 2
          }
        }
      ]
    }
  ]
};

通过在 series 中添加 graphic 属性，可以在饼图中添加一个圆环形状态修饰器。具体实现方式是在 graphic 中添加一个 type 为 'ring' 的形状，然后设置它的位置和大小（通过 shape 属性），以及线条的颜色和宽度（通过 style 属性）。

在上面的示例代码中，圆环的半径分别为 80% 和 90%，线条颜色为白色，宽度为 2。

运行代码后，可以看到饼图中添加了一个圆环形状态修饰器，如下图所示：