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

可以使用echarts的grid组件来控制柱状图的高度，并使用legend组件来控制图例的显示。具体的实现方法如下：

1. 在echarts的option中配置grid组件，设置其containLabel属性为true，这样柱状图会自适应高度，包括图例在内。

grid: {
    containLabel: true
},

2. 在echarts的option中配置legend组件，设置其type为scroll，这样当图例过多时会自动出现滚动条，避免图例过长的问题。

legend: {
    type: 'scroll',
    ...
},

3. 在echarts的option中配置series，设置其name属性为图例的名称，这样图例会根据series的名称自动生成。

series: [
    {
        name: '图例1',
        ...
    },
    {
        name: '图例2',
        ...
    },
    ...
]

完整的示例代码如下：

option = {
    grid: {
        containLabel: true
    },
    legend: {
        type: 'scroll',
        data: ['图例1', '图例2', '图例3', '图例4', '图例5', '图例6', '图例7', '图例8', '图例9', '图例10', '图例11', '图例12']
    },
    xAxis: {
        data: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
    },
    yAxis: {},
    series: [
        {
            name: '图例1',
            type: 'bar',
            data: [10, 52, 200, 334, 390, 330, 220]
        },
        {
            name: '图例2',
            type: 'bar',
            data: [30, 182, 434, 791, 390, 30, 10]
        },
        {
            name: '图例3',
            type: 'bar',
            data: [1320, 1132, 601, 234, 120, 90, 20]
        },
        {
            name: '图例4',
            type: 'bar',
            data: [320, 132, 201, 334, 90, 230, 120]
        },
        {
            name: '图例5',
            type: 'bar',
            data: [220, 182, 191, 234, 290, 330, 310]
        },
        {
            name: '图例6',
            type: 'bar',
            data: [150, 232, 201, 154, 190, 330, 410]
        },
        {
            name: '图例7',
            type: 'bar',
            data: [820, 932, 901, 934, 1290, 1330, 1320]
        },
        {
            name: '图例8',
            type: 'bar',
            data: [320, 332, 301, 334, 390, 330, 320]
        },
        {
            name: '图例9',
            type: 'bar',
            data: [820, 932, 901, 934, 1290, 1330, 1320]
        },
        {
            name: '图例10',
            type: 'bar',
            data: [320, 332, 301, 334, 390, 330, 320]
        },
        {
            name: '图例11',
            type: 'bar',
            data: [820, 932, 901, 934, 1290, 1330, 1320]
        },
        {
            name: '图例12',
            type: 'bar',
            data: [320, 332, 301, 334, 390, 330, 320]
        }
    ]
};

这样，当图例过多时，图例会自动出现滚动条，并且柱状图的高度会自适应，避免图例过长的问题。