饼状图空心内显示的文字

在 ECharts 中，可以通过设置 `series` 的 `label` 属性来在饼状图的内部显示文字。而空心饼状图内部显示文字需要设置 `rich` 属性和 `formatter` 属性。

下面是一个空心饼状图内部显示文字的例子：

option = {
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
                show: false,
                position: 'center'
            },
            labelLine: {
                show: false
            },
            data: [
                {value: 335, name: '直接访问'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1548, name: '搜索引擎'}
            ],
            itemStyle: {
                borderWidth: 5,
                borderColor: '#ffffff',
            },
            emphasis: {
                itemStyle: {
                    borderWidth: 0,
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            },
            // 设置文本样式、位置和内容
            label: {
                position: 'center',
                formatter: '{a|内部文字}\n{b|100}',
                rich: {
                    a: {
                        color: '#333',
                        fontSize: 16,
                        lineHeight: 25,
                        fontWeight: 'bold'
                    },
                    b: {
                        color: '#333',
                        fontSize: 24,
                        lineHeight: 40,
                        fontWeight: 'bold'
                    }
                }
            }
        }
    ]
};

在上面的例子中，通过设置 `series` 的 `label` 属性来控制文字的样式、位置和内容，其中 `formatter` 属性可以设置文字的格式，`rich` 属性可以设置文字的样式，包括字体大小、颜色、字重、行间距等。需要注意的是，`rich` 属性中的每个对象都需要有一个独立的名称，如上例中的 `a` 和 `b`。