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>

 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)
    },