echarts 多个图表自适应大小
1.首先是网上查到的
// 监听 window 窗口大小变化的事件
window.onresize = function() {
// 调用 echarts 实例对象的 resize 方法
myCharts.resize()
}
// 或者简写
// window.onresize = myCharts.resize
2.用了之后发现不行,只有一个图表自适应了,其他不变,所以又找找资源,有了这个
let myChart = this.$echarts.init(****)
myCharts.setOption(option)
//多个图表自适应时,为每个图表都添加以下部分的代码
window.addEventListener('resize', function () {
myChart.resize()
})
3.这里还是出不来,发现是this的指向出了问题
let that=this
this.lineChart.setOption(option)
window.addEventListener("resize", function () {
that.lineChart.resize();
});
———————————————— 版权声明:本文为CSDN博主「yangxx99」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:blog.csdn.net/yangxx99/ar…