首页 > 其他 > 详细

echarts图表自适应屏幕/浏览器窗口大小

时间:2021-01-26 15:20:11      阅读:14      评论:0      收藏:0      [点我收藏+]

昨天完成echarts柱状图的生成,突然发现在项目中还有个小缺陷,当柱状图完成渲染之后,放大缩小浏览器窗口echarts柱状图宽度没有随之改变。

接昨天的代码做了小调整:

setTimeout(function () {
   window.onresize = function () {
     myHistogram.resize()
  }
}, 200)
即在setOption之后添加这段小代码,如图:(代码啥意思自行脑补。。。。。。。。。。。)

技术分享图片

 

 

大屏 效果:

技术分享图片

 

缩小窗口;

技术分享图片

 

echarts图表自适应屏幕/浏览器窗口大小

原文:https://www.cnblogs.com/zhuzhuandxiaoguai/p/14329647.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!