一个页面同时存在多个echarts图表，无法正确跟随浏览器宽度变化问题

一个页面同时存在多个echarts图表，无法正确跟随浏览器宽度变化问题

    <div style="width: 100%;height: 400px" ref="main">
    </div>

        mounted () {
            window.addEventListener('resize', this.listener)
        },
        destroyed(){
　　　　　　　// 这一步的目的是移除监听
            window.removeEventListener("resize",this.listener)
        },

methods: {
    listener(){
        let chart = this.$echarts.init(document.getElementById("problemTrend"))
        chart.resize()
    },
}