echarts 图形随屏幕大小改变而跟着改变(resize)

卓mu鸟

于 2020-06-05 16:53:14 发布

阅读量3.1k

点赞数

分类专栏： JS echart 文章标签： js

本文链接：https://blog.youkuaiyun.com/xiaoxiao48/article/details/106573945

版权

JS 同时被 2 个专栏收录

8 篇文章

订阅专栏

echart

2 篇文章

订阅专栏

本文介绍如何使用ECharts的resize方法使图表自适应浏览器窗口大小。通过将window.onresize事件绑定到myChart.resize，可以确保图表在窗口大小变化时自动调整其尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

echarts 的resize 用来改变图表尺寸，当容器大小发生变化时使用window.onresize = myChart.resize可使图标随着屏幕大小改变而改变。如：

 //初始化echarts
 var myChart = echarts.init($("#shijian01")[0]);
 //此处省略echarts的配置项
 .......
 //加载echarts配置项
 myChart.setOption(option);
 //图形宽度随屏幕宽度改变而改变
 window.onresize = myChart.resize;

加上window.onresize = myChart.resize; 就可以实现图形随屏幕大小改变而跟着改变

多个图形请参考：https://blog.youkuaiyun.com/qq6759/article/details/95632822