echarts饼图怎么实现点击中心的label只展示一个label

在ECharts中，要实现点击饼图中心的Label只展示单个Label的功能，通常需要结合ECharts的事件监听和`echarts INSTANCE`的`showTip`方法。你可以创建一个click事件处理器，在这个处理器中检查是否点击了中心Label，如果是，则隐藏除当前选中之外的所有其他标签提示。

以下是一个基本的示例：

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

// 配置饼图选项
var option = {
    // ... 其他配置 ...

    series: [{
        // ... 其他系列配置 ...
        label: {
            formatter: function() { // 自定义Label格式
                return '<b>' + this.data[0] + '</b>' + ' (' + this.percent.toFixed(2) + '%)';
            },
            show: true, // 默认显示Label
            position: 'inner', // Label内置于饼块
        },
        itemStyle: {
            emphasis: { // 焦点状态下的样式
                shadowBlur: 10,
            }
        },
        // 添加点击事件监听
        onClick: function(param) {
            if (param.componentType === 'label') { // 检查是否点击的是Label
                var selectedIndex = param.seriesIndex; // 获取到当前选中的Series索引
                if (selectedIndex !== currentSelectedIndex) { // 如果不是当前已选择的
                    currentSelectedIndex = selectedIndex; // 更新当前选中
                    // 隐藏所有标签提示
                    for (var i = 0; i < myChart.getSeriesCount(); i++) {
                        if (i !== selectedIndex) {
                            myChart.dispatchAction({
                                type: 'hideTip'
                            }, [i]);
                        }
                    }
                    // 显示当前选中的Label提示
                    myChart.showTip({
                        seriesIndex: selectedIndex,
                        dataIndex: param.dataIndex,
                    });
                }
            }
        }
    }],
    // 初始化图表，这里假设currentSelectedIndex是全局变量用于保存当前选中的索引
    onInit: function () {
        currentSelectedIndex = -1;
    }
};

// 初始化图表并绑定事件
myChart.setOption(option);

// 注意：以上代码需要在实际应用中根据当前图表的状态来更新和管理currentSelectedIndex变量

在这个示例中，当用户点击饼图中的某个Label时，程序会判断是否点击了中心的Label，如果不是当前选中的，就隐藏所有其他标签的提示并仅显示点击的那个。