关于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图表的区域

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM