echarts多个图表自适应问题

241 阅读1分钟

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…