eechart带图例里的圆环

如果您想在 echart 中添加图例里的圆环，可以通过以下步骤实现：

1. 在 series 中设置 label 的 formatter 属性，将数据转化为带有百分比的字符串。

2. 在 legend 中设置 type 为 'scroll'，并设置 orient 属性为 'vertical'，使图例垂直排列并支持滚动。

3. 在 legend 中设置 formatter 属性为一个回调函数，用于自定义图例文本和图标的样式。

4. 在 legend 中使用 textStyle 属性设置图例文本的样式。

5. 在 series 中使用 itemStyle 属性设置圆环的样式，包括颜色、边框、阴影等。

以下是一个示例代码，供您参考：

option = {
  series: [
    {
      name: '访问来源',
      type: 'pie',
      radius: ['50%', '70%'],
      label: {
        formatter: '{b} {d}%'
      },
      data: [
        {value: 335, name: '直接访问'},
        {value: 310, name: '邮件营销'},
        {value: 234, name: '联盟广告'},
        {value: 135, name: '视频广告'},
        {value: 1548, name: '搜索引擎'}
      ],
      itemStyle: {
        borderWidth: 2,
        borderColor: '#fff',
        shadowBlur: 10,
        shadowOffsetX: 0,
        shadowOffsetY: 0,
        shadowColor: 'rgba(0, 0, 0, 0.5)'
      }
    }
  ],
  legend: {
    type: 'scroll',
    orient: 'vertical',
    right: 10,
    top: 20,
    bottom: 20,
    formatter: function(name) {
      var percent = 0;
      var total = 0;
      for (var i = 0; i < option.series[0].data.length; i++) {
        total += option.series[0].data[i].value;
        if (option.series[0].data[i].name == name) {
          percent = ((option.series[0].data[i].value / total) * 100).toFixed(2);
        }
      }
      return name + ' ' + percent + '%';
    },
    textStyle: {
      color: '#333',
      fontSize: 14
    }
  }
};

在这个示例中，我们使用了饼图作为 series 的类型，使用了圆环样式和带有百分比的标签，使用了垂直滚动的图例，并自定义了图例文本和图标的样式。您可以根据自己的需求进行修改和调整。