echarts图表坐标轴根据窗口改变

摘要: X、Y轴随窗口大小改变而改变坐标轴

1、首先需要获取当前窗口大小

以下为W3提供的API



2、使用window.onresize事件

事件会在窗口或框架被调整大小时发生。

window.onresize = function()

{

var w=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth; var h=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;

//maxValue、minValue根据自己需要设定

if(Number(w)<maxValue&&Number(w)>=minValue)

{

chart.setOption(

{

yAxis:{

splitNumber:20

}

})

}

chart.resize();//图表自适应大小

}