echarts 图表自适应浏览器

文章发布于 2023-06-16

echarts 提供了一个实例化的对象方法resize。使用resize事件来监听窗口变化,当窗口发生变化时,调用echarts图表的resize方法,目的就是让图表也跟着变化。

监听浏览器窗口变化,两种监听的写法

window.onResize = function(){}
window.addEventListener('resize',function(){} ,false)

echarts图表自适应浏览器。

// echarts实例化的对象
const myChart = echarts.init(documnet.getElementById('chart'))

window.addEventLlistener('resize',function(){
    myChart.resize()
},false)