切换窗口时echarts图表被压缩的解决方法

最新推荐文章于 2023-06-20 09:51:28 发布

Brother_Jian

最新推荐文章于 2023-06-20 09:51:28 发布

阅读量2.3k

点赞数 1

分类专栏：大数据之数据可视化 H5 文章标签： javascript html5

本文链接：https://blog.csdn.net/No1Brother_Jian/article/details/106144188

版权

大数据之数据可视化同时被 2 个专栏收录

11 篇文章 2 订阅

订阅专栏

4 篇文章 0 订阅

订阅专栏

遇到的问题应该像下图一样的吧…

在这里插入图片描述

解决的方法就是在“图二”这个按钮上的点击时间增加一段代码XXX.resize();，使得点击按钮是再构建生成图表

下面放代码：

  Btn2.onclick = function () {
    if (Btn2.className == "btn btn-primary"){
      Btn2.className = "btn btn-success";
      Btn1.className = "btn btn-primary";
      document.getElementById('main2').style.display = 'block';
      document.getElementById('main').style.display = 'none';
      //没错，这就是关键核心！！！
      myChart2.resize();
    }
  };