[Bug] The label of the pie chart will have ghosting when the position is' center '

[woshiyiweidasheng]

Version

5.2.1

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=pie-doughnut

Steps to Reproduce

Replace the linked option to reproduce it ：

option = {
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: '5%',
    left: 'center'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['40%', '70%'],
      avoidLabelOverlap: true,
      label: {
        show: true,
        position: 'center',
        formatter: '123123213',
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 1048, name: 'Search Engine' },
        { value: 735, name: 'Search Engine' },
        { value: 580, name: 'Search Engine' },
        { value: 484, name: 'Search Engine' },
        { value: 300, name: 'Search Engine' }
      ]
    }
  ]
};

Current Behavior

The label of the pie chart will have ghosting when the position is' center '

Expected Behavior

When the mouse moves into each area of the pie chart, the middle text has no ghosting

Environment

- OS: windows
- Browser: Chrome 96.0.4664.55
- Framework: Vue@3

Any additional comments?

No response

[helgasoft]

make label and emphasis.label identical except position, Demo