echarts接入數據后默認高亮不起作用

echarts接入數據后默認高亮不起作用

// 數據更新 -> 圖表重新渲染 -> 默認高亮 // 重新渲染需要時間

this.$nextTick(() => {
        const chart = this.$refs["chartContainer"].chart;
        if (chart) {
          chart.dispatchAction({
            type: "highlight",
            seriesIndex: 0,
            dataIndex: 0
          });
        }
      });

 

這里最主要的是要加this.$nextTick,因為加載數據需要時間，圖標重新渲染需要時間。