echartsh环形图做成进度条

要将 ECharts 的环形图制作成进度条，你可以使用 ECharts 的饼图（pie）来实现。以下是实现的基本步骤：

1. 首先，确保你已经引入了 ECharts 的 JavaScript 文件。

2. 创建一个包含饼图的容器，例如一个 `<div>` 元素，并为其设置一个固定的宽度和高度。

3. 使用 JavaScript 初始化 ECharts 实例，并将其与容器关联起来。例如：

var myChart = echarts.init(document.getElementById('chartContainer'));

4. 设置饼图的配置项。你需要提供数据和样式选项。以下是一个示例配置项的基本结构：

var option = {
    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: [
                {value: 50, name: '完成'}, // 设置进度值
                {value: 50, name: '未完成'}
            ]
        }
    ]
};

在上述代码中，我们通过 `series` 属性设置了一个饼图系列，通过 `radius` 属性设置了内外半径，即控制环的大小。`data` 属性指定了两个数据项，分别表示完成和未完成的数值。

5. 使用 `setOption` 方法将配置项应用到 ECharts 实例中：

myChart.setOption(option);

这样就可以将饼图制作成进度条了。你可以根据需要调整样式和配置项来满足你的需求。

希望这能帮助到你！