echart 宽度自适应

    <div class="echart_wrap">

        <div id="bar-chart" ref="barChartRef" style="width:50%;height:250px;"></div>

        <div id="pie-chart" ref="pieChartRef" style="width: 50%; height: 360px;"></div>

      </div>

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

<br> created () {     this.getEchartData()   },     getEchartData () {       const param = {       }       this.$axios.get(url , param).then(res => {         if (res.data && res.data.data) {           this.echartData = res.data.data           this.echartData.index = 0           this.selectEchart(0)         } else {           this.$Message.warning(res.data.return_msg)         }       }).catch((error) => {         console.log(error)       })     },     async selectEchart (val) {       this.selectEchartData = this.echartData.voteData[val]       let barChartRef = this.$echarts.init(this.$refs.barChartRef) //柱状图       let pieChartRef = this.$echarts.init(this.$refs.pieChartRef) // 饼状图         await this.renderBarChart()       await this.renderPieChart()       this.chartResize(barChartRef)       this.chartResize(pieChartRef)         console.log(this.selectEchartData)     },     chartResize (chart) { // 重点部分       setTimeout(function () {         chart.resize()         window.addEventListener('resize', _ => {           chart.resize()         })       }, 200)     },