Echarts 设计饼图扇区被选中时中间显示数据

效果图如下：

1、初始状态

2、扇区被选中时状态（中间数据跟着修改）

    

思路：

使用echarts饼图自带的label，显示出每一个扇区的具体值 可采用 【formatter: "{b} : {c} 人"】 设计格式

并将显示位置改为 position: 'right'

其实本身直接将position改为 ‘center’也能将数据显示在中间，但是扇区边缘就不会显示具体数据了

所以我的思路是：添加一个div盒子显示数据，利用子绝父相固定位置

HTML代码如下：

 <div class="border" style="position: relative">
      <div id="equipment" :style="{height: '360px',marginLeft:'20px',marginBottom:'40px'}"></div>
      <!--为ECharts新增一个DOM空间-->
      <div style="position: abso