echarts 饼图 选中一个并且 显示数值

如果您想要在 ECharts 饼图中选中一个区块时同时显示数值，可以结合使用 `setSelected` 方法和 `graphic` 组件。具体来说，您可以在 `graphic` 中添加一个 `text` 元素，然后在选中区块时通过 `setSelected` 方法选中该区块，并通过 `setOption` 方法来更新该元素的文本内容。下面是一个示例：

// 获取饼图实例
var chart = echarts.init(document.getElementById('main'));

// 配置饼图数据
var option = {
    series: [{
        type: 'pie',
        data: [
            {value: 335, name: '直接访问'},
            {value: 310, name: '邮件营销'},
            {value: 234, name: '联盟广告'},
            {value: 135, name: '视频广告'},
            {value: 1548, name: '搜索引擎'}
        ],
        label: {
            show: false // 隐藏饼图中的标签
        }
    }],
    graphic: {
        elements: [{
            type: 'text',
            id: 'valueText',
            style: {
                text: '',
                font: '14px Microsoft Yahei',  // 设置文本字体和大小
                fill: '#333'  // 设置文本颜色
            },
            left: 'center',
            top: 'center'
        }]
    }
};

// 渲染饼图
chart.setOption(option);

// 监听饼图的点击事件
chart.on('click', function(params) {
    if (params.componentType === 'series') {
        var dataIndex = params.dataIndex;
        var isSelected = chart._chartsViews[0]._data._selected[dataIndex];
        
        // 如果区块已经选中，则取消选中并清空文本内容
        if (isSelected) {
            chart.dispatchAction({
                type: 'pieUnSelect',
                dataIndex: dataIndex
            });
            chart.setOption({
                graphic: {
                    elements: [{
                        id: 'valueText',
                        style: {
                            text: ''
                        }
                    }]
                }
            });
        } else {
            // 否则选中区块，并更新文本内容
            chart.dispatchAction({
                type: 'pieSelect',
                dataIndex: dataIndex
            });
            var value = option.series[0].data[dataIndex].value;
            chart.setOption({
                graphic: {
                    elements: [{
                        id: 'valueText',
                        style: {
                            text: value
                        }
                    }]
                }
            });
        }
    }
});

这个例子中，我们在饼图的点击事件中，使用 `chart._chartsViews[0]._data._selected` 来获取当前饼图区块的选中状态。如果区块已经选中，则使用 `pieUnSelect` 操作取消选中，并清空文本内容；否则使用 `pieSelect` 操作选中区块，并更新文本内容。

希望这个回答能够帮到您！