效果图如下:
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