.echarts中echarts.resize不起作用
时间: 2023-08-23 18:17:26 浏览: 57
问题: .echarts中echarts.resize不起作用
回答: 当在Vue中同时引入两个以上的echarts组件时,使用window.onresize方法只会对最后一个组件中的图表产生效果。这是因为组件加载顺序导致的\[2\]。为了解决这个问题,可以将window.onresize监听放到父组件中执行,并调用子组件的方法来重新调整图表的大小\[2\]。另外,还有一种常见的情况是,echarts图表无法自适应浏览器宽高。解决这个问题的方法是,不能给echarts的容器设置固定的宽高,而是要使用百分比和vh来设置宽度和高度,并配合使用resize方法来实现根据浏览器大小而改变大小的功能\[3\]。
#### 引用[.reference_title]
- *1* *2* [vue中使用echarts,resize无效的3种情况分析及解决办法](https://blog.csdn.net/weixin_42038290/article/details/125864346)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [ECharts的resize失效原因以及使用方法](https://blog.csdn.net/weixin_43606158/article/details/96457167)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]