1. 程式人生 > 程式設計 >echarts實現獲取datazoom的起始值(包括x軸和y軸)

echarts實現獲取datazoom的起始值(包括x軸和y軸)

我就廢話不多說了,大家還是直接看程式碼吧~

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軸)

以上這篇echarts實現獲取datazoom的起始值(包括x軸和y軸)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。