Echarts 多个图表随屏幕的宽度变化自适应

Echarts 图表随屏幕的宽度自适应只需要在图表数据初始化函数之后,再resize()下就可以了。

drawLine() {
    
    
	//折线图
      let leftchart1 = echarts.init(document.getElementById("leftchart1"));
      leftchart1.setOption(this.leftchart1);
      let leftchart2 = echarts.init(document.getElementById("leftchart2"));
      leftchart2.setOption(this.leftchart2);
      //地图
      var myChart = echarts.init(document.getElementById("centerMap"));
      echarts.registerMap("杭州市", JSON, {
    
    });
      myChart.setOption(option);
      //绘制南丁格尔玫瑰图
      let chartPie2 = echarts.init(document.getElementById("chartPie2"));
      chartPie2.setOption(this.optionchartPie2);

     //多个图表随屏幕宽度变化自适应
      window.addEventListener("resize", () => {
    
    
        leftchart1.resize();
        leftchart2.resize();
        myChart.resize();
        chartPie2.resize();
      });
}

猜你喜欢

转载自blog.csdn.net/sea9528/article/details/111551536