echarts實(shí)現(xiàn)獲取datazoom的起始值的方法

發(fā)布時(shí)間：2020-07-20 13:43:37 來源：億速云閱讀：1114 作者：小豬欄目：開發(fā)技術(shù)

這篇文章主要講解了echarts實(shí)現(xiàn)獲取datazoom的起始值的方法，內(nèi)容清晰明了，對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會(huì)有幫助。

我就廢話不多說了，大家還是直接看代碼吧~

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];//結(jié)束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;//總區(qū)間數(shù)值大小
let minbili = (min-ystartValue)/de*100;
let maxbili = (max-ystartValue)/de*100;
this.min_max.push([Math.floor(minbili),Math.ceil(maxbili)]);//得到y(tǒng)軸datazoom的起始值
//結(jié)束

補(bǔ)充知識(shí)：echarts datazoom顯示的位置設(shè)置

如下所示：

echarts實(shí)現(xiàn)獲取datazoom的起始值的方法

看完上述內(nèi)容，是不是對(duì)echarts實(shí)現(xiàn)獲取datazoom的起始值的方法有進(jìn)一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

echarts實(shí)現(xiàn)獲取datazoom的起始值的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽