echarts中的區域縮放組件dataZoom，主動觸發選區縮放點擊事件

options設置

toolbox: { // 工具欄
    feature: {
        dataZoom : { // 選時間縮放功能
            show : true, // show為true時，才能觸發takeGlobalCursor事件

            yAxisIndex: 'none',
        },
    }
}

啟動或關閉 toolbox 中 dataZoom 的刷選狀態。 echarts對應文檔鏈接https://echarts.baidu.com/api.html#action.dataZoom.takeGlobalCursor

 
折線圖html

<ve-line :ref="'lineChart' + i"></ve-line>

通過refs獲取對應下標的echarts圖表

myChart = this.$refs[`lineChart${chartIndex}`][0].echarts

this.$nextTick(() => { // 通過nextTick獲取，防止圖表dom未渲染完成  如果還未激活刷選光標，則嘗試setTimeout(()=>{},1000)選取更長的渲染延時觸發

    myChart.dispatchAction({ // 默認啟動 toolbox 中 dataZoom 的刷選狀態
        type: "takeGlobalCursor",
        key: "dataZoomSelect",
        dataZoomSelectActive: true
    })
})