Echarts 圆环图中间固定显示文字并添加总计数据

如何在Echarts圆环图中设置中间固定显示文字并添加总计数据

想要实现圆环中间固定显示文字并添加总计数据，可以按照以下方式修改代码：

在series中添加一个新的数据项，作为总计的数据，例如：

data: [
  { value: 32.6, name: '外租车辆' },
  { value: 67.4, name: '自有企业' },
  { value: 100, name: '总计', label: { show: true, position: 'center' } }
]

这样就添加了一个value为100的数据项，并设置了其名称为'总计'，并且在label中设置显示和位置。

修改label配置，使其在中间显示总计文字，例如：

label: {
  show: true,
  position: 'center',
  formatter: '{b}
{c}'
}

这样就会在圆环中间显示每个数据项的名称和值。

修改后的代码如下：

option = {
  title: {
    text: '车辆所有权构成（辆）',
    left: 'center',
    top: 'top',
  },
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top: 'center',
    left: 'right',
    orient: 'vertical'
  },
  series: [
    {
      name: 'Access From',
      type: 'pie',
      radius: ['40%', '70%'],
      avoidLabelOverlap: false,
      label: {
        show: false,
        position: 'center'
      },
      emphasis: {
        label: {
          show: true,
          fontSize: 40,
          fontWeight: 'bold'
        }
      },
      labelLine: {
        show: false
      },
      data: [
        { value: 32.6, name: '外租车辆' },
        { value: 67.4, name: '自有企业' },
        { value: 100, name: '总计', label: { show: true, position: 'center' } }
      ],
      label: {
        show: true,
        position: 'center',
        formatter: '{b}
{c}'
      }
    }
  ]
};

这样就能够实现圆环中间固定显示总计文字，并且总计不成为圆环的一部分，圆环只有外租车辆和自有企业两个部分。