echart 宽度自适应

发布时间 2023-12-25 18:21:49作者: everseven
  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)
          this.setupEventHandlers()
          console.log(this.echartData)
        } 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)
    },