echarts 柱状图的图例怎么根据图例的多少自适应高度，图例调整div高度或者调整echarts高度，图例不滚动，求具体案例

要实现图例根据其数量自适应高度的效果，可以通过以下步骤来操作：

1. 首先，在创建 echarts 实例时，需要将图表容器的高度设置为一个固定值，比如 500px。

2. 然后，在 echarts 的 option 中设置图例的 data 属性，这个属性是一个数组，里面存储了每个图例的名称。

3. 接着，在 option 的 legend 属性中，设置 show 属性为 true，表示显示图例。

4. 同时，设置 orient 属性为 'vertical'，表示图例是垂直排列的。

5. 接着，获取图例的高度，通过计算图例数量和每个图例项的高度得出。

6. 根据图例的高度，调整 echarts 实例的高度或者容器的高度，使得图例和图表能够完全显示。

7. 最后，通过 echarts 的 setOption 方法将 option 对象应用到 echarts 实例中即可。

下面是一个示例代码，可以根据需要修改：

<div id="chart" style="height: 500px;"></div>

// 初始化 echarts 实例
var myChart = echarts.init(document.getElementById('chart'));

// 设置图例数据
var legendData = ['图例1', '图例2', '图例3', '图例4', '图例5', '图例6'];

// 设置 echarts option
var option = {
  legend: {
    data: legendData,
    show: true,
    orient: 'vertical',
    top: 'middle',
    left: 0
  },
  // 其他配置参数
  // ...
};

// 将 option 应用到 echarts 实例
myChart.setOption(option);

// 获取图例高度
var legendHeight = myChart.getHeight() / legendData.length;

// 计算图例的总高度
var totalLegendHeight = legendHeight * legendData.length;

// 根据图例的高度调整容器的高度
document.getElementById('chart').style.height = (500 + totalLegendHeight) + 'px';

在上面的示例中，图表容器的高度被设置为 500px，如果图例数量超过了容器高度，会自动根据图例的高度调整容器的高度。如果图例数量小于容器高度，图例的高度会自适应，不会出现空白部分。