解决Echarts首次加载小的问题

最新推荐文章于 2024-05-16 10:30:03 发布

Zning_

最新推荐文章于 2024-05-16 10:30:03 发布

阅读量2k

点赞数 2

文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/Zning_/article/details/126986858

版权

在初始化的时候通过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()
      })
    }
  }