echarts實現獲取datazoom的起始值(包括x軸和y軸)
阿新 • • 發佈:2020-07-21
我就廢話不多說了,大家還是直接看程式碼吧~
let option = {} //你的echarts圖表的配置,這裡我就不貼我的了 myChart.setOption(option); //開始 let startValue = myChart.getModel().option.dataZoom[0].startValue; let endValue = myChart.getModel().option.dataZoom[0].endValue; let start = myChart.getModel().option.xAxis[0].data[startValue];//起始X軸 let end = myChart.getModel().option.xAxis[0].data[endValue];//結束X軸 let startNum = obj.enddate.indexOf(start); let endNum = obj.enddate.indexOf(end); let arr = []; for(let i = startNum;i <= endNum;i++){ arr.push(obj.value[i]); } let max = Math.max.apply(null,arr); let min = Math.min.apply(null,arr); let ystartValue = myChart.getModel().option.dataZoom[1].startValue;//y軸datazoom最小值 let yendValue = myChart.getModel().option.dataZoom[1].endValue;//y軸datazoom最大值 let de = yendValue - ystartValue;//總區間數值大小 let minbili = (min-ystartValue)/de*100; let maxbili = (max-ystartValue)/de*100; this.min_max.push([Math.floor(minbili),Math.ceil(maxbili)]);//得到y軸datazoom的起始值 //結束
補充知識:echarts datazoom顯示的位置設定
如下所示:
以上這篇echarts實現獲取datazoom的起始值(包括x軸和y軸)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。