echarts自动播放tooltip提示框

 

<div class="charts-box" style="height: 240px" id="chart4"></div>

methods: {
    handleRenderChart() {
      let partyChart2 = echarts.init(document.getElementById('chart2'))
      var educationLegend = []
      this.boardInfo.education.forEach((item) => {
        educationLegend.push(item.name)
      })
      let option2 = {
        tooltip: {
          trigger: 'item',
          formatter: '{b}：{d}%',
        },
        color: ['#0d9fe0', '#f18302'],
        legend: {
          bottom: 0,
          left: 'center',
          itemWidth: 20,
          data: educationLegend,
          textStyle: {
            color: '#fff',
          },
        },
        series: [
          {
            type: 'pie',
            cursor: 'default',
            radius: ['45%', '60%'],
            center: ['50%', '40%'],
            data: this.boardInfo.education,
            label: {
              formatter: '{b}',
              fontSize: 16,
              color: '#fff',
            },
            itemStyle: {
              emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)',
              },
              normal: {
                color: function (params) {
                  //自定义颜色
                  var colorList = [
                    '#30b8eb',
                    '#ffc600',
                    '#30b8eb',
                    '#fe7b3b',
                    '#b892e7',
                    '#905cd1',
                    '#ffbd9d',
                    '#f0966a',
                    '#b892e7',
                  ]
                  return colorList[params.dataIndex]
                },
              },
            },
          },
        ],
      }
      partyChart2.setOption(option2, true)


      var index2 = 0 //播放所在下标
      setInterval(() => {
        partyChart2.dispatchAction({
          type: 'showTip',
          seriesIndex: 0,
          dataIndex: index2,
        })
        index2++
        if (index2 >= this.boardInfo.education.length) {
          index2 = 0
        }
      }, 2000)
    }
}