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

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

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

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

3. 接着，在 option 的 legend 属性中，设置 orient 属性为 'vertical'，表示图例是垂直排列的。

4. 同时，设置 type 属性为 'scroll'，表示图例超出容器高度时可以滚动查看。

5. 最后，通过 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,
    orient: 'vertical',
    type: 'scroll',
    top: 'middle'
  },
  // 其他配置参数
  // ...
};

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

在上面的示例中，图表容器的高度被设置为 500px，如果图例数量超过了容器高度，就会自动出现滚动条，用户可以滚动查看所有的图例。如果图例数量小于容器高度，图例的高度会自适应，不会出现空白部分。