环形进度百分比echarts

要在 Echarts 中绘制一个环形进度百分比图，可以使用饼图（Pie Chart）来实现。以下是一个基本的示例代码：

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

// 获取容器元素
const container = document.getElementById('chart-container');

// 初始化 Echarts 实例
const chart = echarts.init(container);

// 构造数据
const data = [
  { name: '完成', value: 75 },
  { name: '剩余', value: 25 },
];

// 配置项
const options = {
  series: [
    {
      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,
    },
  ],
};

// 设置配置项并渲染图表
chart.setOption(options);

请注意，以上代码是一个简单的示例，你需要根据你的具体需求进行修改和调整。通过 `data` 数组可以设置不同部分的数值和名称，通过 `options` 对象可以设置饼图的样式和标签显示等属性。最后，使用 `chart.setOption(options)` 方法将配置项应用到图表中。

你可以根据实际情况进行更多的定制化，如添加动画效果、调整颜色、修改字体样式等。详细的配置项可以参考 Echarts 的官方文档。