echarts圆角环形图加提示框

你可以使用 ECharts 的饼图（Pie）来创建圆角环形图，并添加提示框。下面是一个示例代码：

// 引入 ECharts
import echarts from 'echarts';

// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置数据
var data = [
  { value: 335, name: '直接访问' },
  { value: 310, name: '邮件营销' },
  { value: 234, name: '联盟广告' },
  { value: 135, name: '视频广告' },
  { value: 1548, name: '搜索引擎' }
];

// 配置提示框
var tooltip = {
  trigger: 'item',
  formatter: '{a} <br/>{b}: {c} ({d}%)'
};

// 配置图表
var option = {
  tooltip: tooltip,
  series: [
    {
      name: '访问来源',
      type: 'pie',
      radius: ['50%', '70%'], // 设置环形图大小
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: '30',
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: data
    }
  ]
};

// 使用配置项显示图表
myChart.setOption(option);

在上面的代码中，我们使用 `series` 中的 `type` 属性设置为 `'pie'` 来创建饼图。通过 `radius` 属性可以设置环形图的大小，其中 `['50%', '70%']` 表示内半径为50%，外半径为70%。通过 `label` 属性可以设置标签的显示与位置。最后，使用 `myChart.setOption(option)` 将配置项应用到图表上。

希望这个示例能够帮助到你！