zoukankan      html  css  js  c++  java
  • Echarts 如何设置多个图表自适应窗口大小

    最近做了Echarts的一些东西

    碰到一个很实际的问题 

    那就是如何使Echarts图表能自适应窗口的大小

    由于我一个页面里加载了四个图

    所以用一般的 

    window.onresize = myChart.resize;

    只能是的我最后一个图能够自适应,而其他图是没有反应的

    于是我想到是否能够写一个事件,能够监听  window.onresize 的动作

    然后再把  window.onresize = myChart.resize; 写入

    于是自己试验了一下

    window.addEventListener("resize", function () {

              myChart1.resize();

              myChart2.resize();

              myChart3.resize();

              myChart4.resize();

          });

    success!!

    注:是在每一个图表myChart.setOption(option, true);后面添加。

  • 相关阅读:
    vue
    vim 使用
    ssh 免密码登录
    shell 监控
    shell top
    使用网络技术---WebView
    安卓数据存储
    模块
    面向对象
    文件
  • 原文地址:https://www.cnblogs.com/Ao-min/p/13139329.html
Copyright © 2011-2022 走看看