echarts自适应窗口大小

qq_42231361 2019-06-10 06:52:36

echarts怎么自适应窗口大小，onresize不管用怎么办？

...全文

232 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_42231361 2019-06-18

打赏
举报

回复

引用 1 楼开发者_android的回复:

一图还是多图？一般用onresize 可以试试addEventListener

一个图，然后伸缩窗口太快图表就回溢出

qq_42231361 2019-06-18

打赏
举报

回复

引用 2 楼 qq_34823434的回复:

var echart = echarts.init(document.getElementById('id')); ..... $(window).resize(function () { echart.resize(); });

用这个语句了，然后拉伸窗口的速度太快，图表还是会溢出

qq_34823434 2019-06-12

打赏
举报

回复

var echart = echarts.init(document.getElementById('id')); ..... $(window).resize(function () { echart.resize(); });

开发者_android 2019-06-11

打赏
举报

回复

一图还是多图？一般用onresize 可以试试addEventListener

vue使用echarts图表自适应的几种解决方案　　1.使用window.onresize　　let myChart = echarts.init(document.getElementById(dom))　　window.onresize = function () {　　 myChat.resize()　　}　　优点：可以根据窗口大小实现自适应　　缺点：　　多个图表自适应写法比较麻烦（当一个页面的图表太多时，这样写法不是很灵活）；　　let myChart1 = echarts.init(document.getElementById(dom1))　　let myChart2 =

1.使用[removed] let myChart = echarts.init(document.getElementById(dom)) [removed] = function () { myChat.resize() } 优点：可以根据窗口大小实现自适应 缺点：多个图表自适应写法比较麻烦（当一个页面的图表太多时，这样写法不是很灵活）； let myChart1 = echarts.init(document.getElementById(dom1)) let myChart2 = echarts.init(document.getElementByI

主要介绍了完美解决vue 中多个echarts图表自适应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue终极解决多个页面Echart随页面窗口大小而改变图形大小

39,086

社区成员

5,549

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章