在網上找了好多動態調整echarts圖表大小的方法,比如通過grid屬性,修改canvas大小,都不太理想。最後反覆調試,圖表在初始化的時候有一個resize屬性,可以修改寬高,具體如下:
let myChart = Vue.prototype.$echarts.init(this.$refs.main_chart)
myChart.resize({
width: this.$refs.main_chart.clientWidth,
height: this.$refs.main_chart.clientHeight
})