如何将ECharts圆形打包图示例转为React实现？

以下是常用的Markdown格式化语法及示例：

• 标题：使用#符号定义，#的数量对应标题层级（1-6级）
  示例：

  # 一级标题
  ## 二级标题
  ### 三级标题
  

• 无序列表：以-开头创建列表项，支持嵌套结构
  示例：

  - 主列表项1
  - 主列表项2
    - 嵌套列表项1
    - 嵌套列表项2
  

• 文本强调：用*包裹文本实现斜体或加粗效果
  示例：

  *斜体文本*
  **加粗文本**
  ***斜体且加粗文本***
  

• 代码/命令：单行代码用单个反引号(`)包裹，多行代码用三个反引号包裹（可指定代码语言）
  单行示例：

  `npm install react`
  

  多行示例：

  function handleClick() {
    console.log('Clicked');
  }
  

• 引用文本：用>符号标识引用内容，支持多层嵌套
  示例：

  > 这是一段基础引用
  > > 这是嵌套的引用内容
  

• 链接：将显示文本放在[]内，目标URL放在()内
  示例：

  [React官方网站](https://reactjs.org/)
  

• 图片：将图片的替代文本放在[]内，图片URL放在()内
  示例：

  [React Logo](https://reactjs.org/logo-og.png)
  

内容的提问来源于stack exchange，提问作者damienc11