echarts扇形图中间文字自定义不同样式

在ECharts中创建扇形图并自定义中间文字的样式，你可以通过设置`emphasis.label`属性来实现。以下是一个基本步骤：

1. 首先，确保你已经引入了ECharts库，并创建了一个扇形图实例。

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

2. 然后，在配置选项中，找到`series`部分，这是你想要自定义样式的那个扇形图系列。对于每个数据项（item），你可以设置一个单独的标签文本以及样式。例如：

option = {
    series: [{
        name: '扇形图',
        type: 'pie',
        radius: ['40%', '70%'],
        data: [
            {value: 335, name: '部门A'},
            {value: 310, name: '部门B'},
            {value: 234, name: '部门C'},
            {value: 135, name: '部门D'},
            {value: 236, name: '部门E'}
        ],
        emphasis: {
          label: {
            formatter: function (params) {
              // 这里可以使用模板字符串、JavaScript表达式等来定制样式
              return `<span style="color:red;font-size:18px;">${params.name}</span>`;
            },
            rich: {           // 使用rich对象来添加额外样式
              'textStyle': {
                color: 'green',   // 文字颜色
                fontSize: '14px',  // 字体大小
                fontWeight: 'bold'  // 字体粗细
              }
            }
          }
        }
    }]
};

在这个例子中，当鼠标悬停在某个扇形上时，对应的中间文字将显示为红色大号加粗字体，并且会有绿色背景。