在网上找了好多动态调整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
})
Logo

前往低代码交流专区

更多推荐