VUE中 ECHART饼图各扇区间加空格 及 消除鼠标放到扇区上隐藏第一行

1、饼图的扇区间加空白间隔 

series : [{
    name: '',
    type: 'pie',
    radius: ['35%', '60%'],
    center: ['50%', '50%'],
    itemStyle: {
          normal: {
              borderWidth: 4, //扇区间加间隔
              borderColor: '#ffffff', //间隔为白色
              label:{ 
                  show: true, 
                  formatter: '{b} : {d}%' 
              }, 
              labelLine :{
                  show:true
              }
         }
     },
     data:[]
}]

 

2、鼠标放到扇区上隐藏第一行，只显示第二行

<template>
    <div id="echartPie" style="width:100%;height:360px;"></div>
</template>

<script>
    mounted() {
        /*饼图绑定*/
        let myEchartPie = echarts.init(document.getElementById('echartPie'));
        myWarnInfPie.setOption(this.warnInfOption);/*绑定数据*/
    },
</script>

<style>
#echartPie > div:nth-child(2) > br{
    display: none;
}
</style>