echarts实现三个 环形图

您可以使用Echarts来实现三个环形图。首先，您可以使用以下代码来创建一个环形图：

option = {
  series: \[
    {
      name: '访问来源',
      type: 'pie',
      radius: \['40%','55%'\],
      center: \['50%', '50%'\],
      data: \[
        {value: 335, name: '直接访问'},
        {value: 310, name: '邮件营销'},
        {value: 234, name: '联盟广告'},
        {value: 135, name: '视频广告'},
        {value: 1548, name: '搜索引擎'}
      \],
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  \]
};

这段代码创建了一个环形图，其中包含了五个数据项，分别是直接访问、邮件营销、联盟广告、视频广告和搜索引擎。每个数据项都有一个对应的数值，用来表示该项的比例。您可以根据需要修改这些数据项的值。

如果您想要添加标题，您可以在`option`对象中添加`title`属性，如下所示：

option = {
  title: {
    text: '环形图标题',
    left: 'center'
  },
  series: \[
    // 省略其他配置
  \]
};

您可以将`text`属性的值设置为您想要的标题文本，将`left`属性的值设置为`center`来使标题居中显示。

如果您想要使用富文本样式来设置标题的样式，您可以使用以下代码：

option = {
  title: {
    text: '{b|环形图标题}',
    textStyle: {
      rich: {
        b: {
          fontSize: 18,
          fontWeight: 'bold'
        }
      }
    },
    left: 'center'
  },
  series: \[
    // 省略其他配置
  \]
};

这段代码使用了富文本样式来设置标题的样式，其中`{b|环形图标题}`表示使用`b`样式来渲染文本，您可以根据需要修改样式的属性。

希望这些信息对您有所帮助！
#### 引用[.reference_title]
- *1* [echarts-三个环形图+副标题](https://blog.csdn.net/qq_42708369/article/details/120891854)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [echarts之环形图](https://blog.csdn.net/qq_34428553/article/details/109049980)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]