echarts饼图中心显示百分比（只显示一个）

在 ECharts 中创建饼图时，通常会显示多个数据标签，但是如果需要在饼图中心只显示一个总百分比，可以通过设置系列（series）中的 `label` 配置来实现。具体的方法是使用 `formatter` 函数来自定义标签的显示内容，然后在饼图的 `center` 属性中配置一个 `label`，这样就可以在中心显示一个总百分比了。

以下是一个简单的示例代码，展示了如何设置：

option = {
    series: [
        {
            type: 'pie',
            radius: '55%',
            label: {
                show: false,
            },
            data: [
                {value: 1048, name: '搜索引擎'},
                {value: 735, name: '直接访问'},
                {value: 580, name: '邮件营销'},
                // 其他数据项...
            ],
            center: ['50%', '50%'], // 设置饼图中心位置
            labelLine: {
                show: false // 隐藏标签的连接线
            },
            label: {
                formatter: '{per}{d}%',
                rich: {
                    per: {
                        fontSize: 30, // 控制字体大小
                        fontWeight: 'bold', // 控制字体加粗
                        color: '#333' // 控制字体颜色
                    }
                }
            }
        }
    ]
};

在上面的代码中，`formatter: '{per}{d}%'` 用于格式化显示的标签内容。其中 `{d}` 表示当前数据项的百分比，如果需要只显示一个总百分比，需要对数据进行累加并只显示一个标签。这通常需要一些额外的数据处理步骤，因为 ECharts 默认会为每个数据项显示标签。