echarts饼图中间总数

要在 ECharts 饼图中显示中间的总数，可以通过以下步骤实现：

1. 首先，确保你已经引入了 ECharts 库，并在 Vue 组件中创建了一个 ECharts 实例。

2. 在你的数据中计算出饼图的总数值。假设你的数据为 `data`，可以使用 `reduce` 方法来计算总数。例如：

const total = data.reduce((sum, item) => sum + item.value, 0);

3. 创建一个自定义的饼图选项对象 `pieOptionsB`，并在其中设置好你的饼图配置选项。例如：

const pieOptionsB = {
  // 其他饼图配置选项...
  graphic: [{
    type: 'text',
    left: 'center',
    top: 'center',
    style: {
      text: total,
      textAlign: 'center',
      fill: '#000',
      fontSize: 14,
      fontWeight: 'bold'
    }
  }]
};

在上述代码中，我们通过 `graphic` 属性添加了一个文本元素，将总数值显示在饼图中间。你可以根据需要调整文本的样式。

4. 将 `pieOptionsB` 对象传递给 ECharts 实例的 `setOption` 方法，以更新饼图的配置。例如：

echartsInstance.setOption(pieOptionsB);

这样，你就可以在 ECharts 饼图中间显示总数了。记得根据实际情况修改变量名和配置选项。