echarts的百分比饼图

你可以使用Echarts来绘制百分比饼图。下面是一个简单的示例代码:

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

// 初始化饼图实例
const chart = echarts.init(document.getElementById('chart'));

// 配置饼图的数据和样式
const option = {
  title: {
    text: '百分比饼图',
    subtext: '示例数据',
    x: 'center'
  },
  tooltip: {
    trigger: 'item',
    formatter: '{a} <br/>{b}: {c} ({d}%)'
  },
  legend: {
    orient: 'vertical',
    left: 'left',
    data: ['数据1', '数据2', '数据3', '数据4', '数据5']
  },
  series: [
    {
      name: '访问来源',
      type: 'pie',
      radius: '55%',
      center: ['50%', '60%'],
      data: [
        { value: 335, name: '数据1' },
        { value: 310, name: '数据2' },
        { value: 234, name: '数据3' },
        { value: 135, name: '数据4' },
        { value: 1548, name: '数据5' }
      ],
      emphasis: {
        itemStyle: {
          shadowBlur: 10,
          shadowOffsetX: 0,
          shadowColor: 'rgba(0, 0, 0, 0.5)'
        }
      }
    }
  ]
};

// 使用配置项显示饼图
chart.setOption(option);

你可以根据自己的需求自定义数据和样式。这个示例代码会在一个id为"chart"的元素中显示百分比饼图。记得在使用前引入Echarts库。