vue中echarts饼图实现循环高亮效果

网上有很多实现循环高亮的帖子，我只是借鉴了一些大佬的方法，自己也看了官方的文档，走了很多弯路，写个帖子做个记录，希望能帮到需要的朋友吧

1、首先echarts绘图需要有个盒子来盛它
这就是那个盒子

<div class="echarts" ref='topPie'></div>

在data中注册

echartsPie:'',    // 扇形图实例
      // 扇形图配置
      optionPie:{
        // animation: false,   // 取消动画
        // 提示框组件
        // tooltip: {
        //   trigger: "item",
        //   formatter: "{b} : {c} ({d}%)"
        // },
        //图例组件
        legend: {
          show:false
        },
        color:["#E35D68","#08BA79","#1D77D2"],
        //系列列表,每个系列通过 type 决定自己的图表类型
        series: [
          {
            type: "pie",
            radius: ["70%", "85%"],
            center:["40%","50%"],
            avoidLabelOverlap: false,
            // 标签
            label: {
              normal: {
                show: fal