zoukankan      html  css  js  c++  java
  • 关于echarts图表宽度变化

      最近的项目用到了echarts,我遇到一个BUG,就是echarts地图的宽度莫名其妙变化,明明设置的100%,在页面上却显示100px,

      查阅资料发现是隐藏之后,影响了宽度。因为没有数据的时候需求要求显示一张“没有数据”的图片,我就将echarts图表隐藏起来了

      解决方式:

      使用echarts的resize()方法:

        if ($("#main").width() != $("#main canvas").width() && $("#main canvas").width() < $("#main").width()) {

        myChart.resize();
       }

      myChart也就是你初始化echarts的图表实例,上面的意思就是说如果canvas画布的宽度小于你的div宽度,就重新调整大小,

    canvas也就是显示echarts图表的区域

      

    记录编程的点滴,体会学习的乐趣
  • 相关阅读:
    Docker
    Docker
    VIM
    Python
    Python
    VIM
    Python
    其他
    Java
    Java
  • 原文地址:https://www.cnblogs.com/AduBlog/p/13414633.html
Copyright © 2011-2022 走看看