如何在ECharts图表中正确地显示圆环图的数值标签？

在ECharts中，要正确地显示圆环图（Ring Chart，也称为 doughnut chart）的数值标签，你可以按照以下步骤操作：

1. **创建基本配置**：
首先，你需要导入ECharts库并创建一个新的实例。然后设置series数据，其中每个item代表圆环的一个部分，并包含`name`（标题）、`value`（大小）等属性。

var myChart = echarts.init(document.getElementById('main')); // 初始化图表
var option = {
    series: [{
        name: '圆环图',
        type: 'pie', // 圆环图类型
        radius: ['45%', '70%'], // 设置内外半径
        data: [
            { value: 335, name: '部分A' },
            { value: 310, name: '部分B' },
            { value: 234, name: '部分C' }
        ],
        label: { // 数值标签配置
            normal: {
                show: true, // 是否显示
                position: 'center', // 标签位置
                formatter: '{b} : {c}%' // 格式化字符串，{b}为名字，{c}为百分比
            }
        }
    }]
};

2. **设置label样式**：
如果需要自定义样式，可以调整`label`对象内的样式选项，如颜色、字体大小等。

3. **渲染图表**：
最后，使用`setOption`方法将配置应用到图表上：

myChart.setOption(option);