如何解决echarts图表超出容器宽度的问题？

2026-06-11 03:144阅读0评论SEO基础

内容介绍
文章标签
相关推荐

本文共计165个文字，预计阅读时间需要1分钟。

出现echarts超出父盒子宽度的問題，在了解echarts繪製機制後，發現echarts圖形只繪製一次，繪製時會自動獲取父級大小的寬度。在mounted()方法中，使用setTimeout()來解決此問題。

出现echarts超出父盒子宽度的问题在了解echarts绘制机制echarts图形只绘制一次,且绘制时自动获取父级大小填写宽度原代码mounted(){setTimeout(

出现echarts超出父盒子宽度的问题

在了解echarts绘制机制

echarts图形只绘制一次,且绘制时自动获取父级大小填写宽度

原代码mounted () { // setTimeout(() => { this.$refs.GaugeChartBox.changeCpu() this.$refs.GaugeChartBox.changeMemory() this.$refs.GaugeChartBox.changeStorage() this.$refs.IPSECSessions.sessionsEcharts() this.$refs.IPSECFlow.flowEcharts() // }, 20) },

使用setTimeout

mounted () { setTimeout(() => { this.$refs.GaugeChartBox.changeCpu() this.$refs.GaugeChartBox.changeMemory() this.$refs.GaugeChartBox.changeStorage() this.$refs.IPSECSessions.sessionsEcharts() this.$refs.IPSECFlow.flowEcharts() }, 20) },

标签：echarts 超出容器宽度解决