echarts高度自适应

根据提供的引用内容，有几种方法可以实现echarts的高度自适应。

一种常见的方法是使用echarts的resize()方法。在窗口大小改变时，可以监听resize事件，并在事件触发时调用resize()方法来重新调整echarts的大小。例如，在Vue项目中可以这样实现：

const myChartId = document.getElementById('chart')
const myChart = echarts.init(myChartId)
myChart.clear()
myChart.setOption(option)

window.addEventListener('resize', () => {
  myChart.resize()
})

另一种方法是根据数据的长度来动态设置echarts的高度。可以根据柱状图的条数和每个柱状图的高度来计算出echarts的高度，并将其应用到echarts的dom节点上。同时，也需要调用resize()方法来确保图表的大小适应窗口变化。例如：

var autoHeight = res.afterDate.length * 20 + 50 // res.afterDate.length为柱状图的条数，20为每个柱状图的高度，50为预留高度

myChart.getDom().style.height = autoHeight + "px"
myChart.getDom().childNodes[0].style.height = autoHeight + "px"
myChart.getDom().childNodes[0].childNodes[0].setAttribute("height", autoHeight)
myChart.getDom().childNodes[0].childNodes[0].style.height = autoHeight + "px"

myChart.resize()

以上是两种常见的方法来实现echarts的高度自适应。具体使用哪种方法取决于你的需求和项目的具体情况。