echarts dispatchAction highlight无效果

Question

问题描述

vue 项目 用echarts绘制饼图，需要有一个扇形是默认高亮的，但是我设置了dispatchAction，但是没有效果

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
数据的option： option: {

    tooltip: {
      show: false
    },
    legend: {
      show: false
    },
    toolbox: {
      show: false
    },
    series: {
      data: [
        {value: 1335, name: '直接访问', one: 1},
        {value: 310, name: '邮件营销', one: 2},
        {value: 234, name: '联盟广告', one: 3},
        {value: 135, name: '视频广告', one: 4},
        {value: 548, name: '搜索引擎', one: 5}
      ],
      name: 'visitedSource',
      type: 'pie',
      radius: '55%',
      silent: true,
      zlevel: 0,
      hoverAnimation: false,
      hoverOffset: 10,
      center: ['50%', '60%'],
      itemStyle: {
        normal: {
          color: function (params) {
            let colorList
            colorList = ['#00ffff', '#00ff00', '#ffff00', '#FF8C00', '#FF0000']
            return colorList[params.dataIndex]
          }
        }
      },
      label: {
        normal: {
          position: 'inner',
          show: false
        }
      }
    }
  },
  

绘制饼图和高亮的代码：mounted () {

let myChart = this.$echarts.init(this.$refs.pieDemo)
myChart.setOption(this.option)
setTimeout(() => {
  myChart.dispatchAction({
    type: 'highlight',
    seriesIndex: 0,
    dataIndex: 0
  })
}, 500)

},

你期待的结果是什么？实际看到的错误信息又是什么？

请帮忙看下，是哪里出现问题了吗？？

Answer 1

hoverAnimation要设置为true