直接上代碼
<div class="survey-distribution" ref="dtuDistribution"></div>
mounted() {
this.distributionChart = this.$echarts.init(this.$refs.dtuDistribution)
this.distributionChart.setOption(dtuDistributionOption.pieOption)
this.distributionChart.resize()
}
updated() {
this.distributionChart.resize()
},
在updated()鉤子函數中重新resize()一下就好了。另外,使用v-if的時候,當條件爲false時,會出錯,因爲此時div是不存在的,所以無法對圖表進行初始化。還有,div必須要設置高度。