解决Echarts首次加载小的问题

在初始化的时候通过js方式给echarts外面的盒子设置高度

echartInit() {
    // 基于准备好的dom，初始化echarts实例
    let bar = document.getElementById('bar')
    //bar?.setAttribute("style", `height:${this.contentHeight}px`)
    bar?.setAttribute("style", "height:100%")
    if (bar) {
      let myChart = echarts.init(bar)
      // 绘制图表
      myChart.setOption(this.options)
      // 设置监听,外面的盒子大小变化时,将echart也进行resize
      window.addEventListener("resize", () => {
        myChart.resize()
      })
    }
  }

不然的话,效果就是这样

改完之后的效果: