echart容器div设置动态高度

最新推荐文章于 2023-08-16 09:57:19 发布

Dyc_SE

最新推荐文章于 2023-08-16 09:57:19 发布

阅读量533

点赞数 1

文章标签：前端 javascript html echarts

本文链接：https://blog.csdn.net/Dyc_SE/article/details/126912438

版权

#chart1 {
  
  width: 100%;
  /* height: 400px; 取消掉容器高度 */
}

1.取消掉给容器设置的高度

  getChart1(id, data) {
            let MyEchart = echarts.init(document.getElementById(id))

            const autoHeight = data.length * 75 // data.length为柱状图的条数，即数据长度。35为我给每个柱状图的高度，50为柱状图x轴内容的高度(大概的)。
            MyEchart.resize({ height: autoHeight })

}