侧边栏收缩时echarts饼图没有自适应
时间: 2023-10-08 11:11:17 浏览: 61
当侧边栏收缩时,echarts饼图没有自适应的情况下,可以采取以下方法解决。首先,监听侧边栏的收缩事件,在侧边栏收缩时触发相应的事件。其次,通过获取饼图的容器元素,并根据容器元素的大小变化重新设置echarts实例的宽度和高度。最后,调用echarts实例的resize方法,使饼图适应新的容器尺寸。通过这种方式,可以实现echarts饼图在侧边栏收缩时的自适应效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [echarts宽高自适应](https://blog.csdn.net/qq_41818857/article/details/117996235)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [vue Echarts 自适应问题](https://blog.csdn.net/jj_0628/article/details/102968416)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [echarts饼图各个板块之间的空隙如何实现](https://download.csdn.net/download/weixin_38708841/14919497)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]