echarts 两个柱状图上下

您好！对于echarts来说，可以通过设置两个柱状图的位置属性来实现上下排列。下面是一个简单的示例代码：

// 创建echarts实例
var myChart = echarts.init(document.getElementById('chartContainer'));

// 柱状图数据
var data1 = [120, 200, 150, 80, 70];
var data2 = [80, 150, 120, 200, 90];

// 指定图表的配置项和数据
var option = {
    // 设置图表的布局方式为垂直排列
    grid: {
        top: '10%',
        bottom: '10%',
        left: '10%',
        right: '10%',
        containLabel: true
    },
    // 设置两个柱状图的位置
    series: [
        {
            type: 'bar',
            data: data1,
            barWidth: '40%',
            itemStyle: {
                color: '#6699FF'
            }
        },
        {
            type: 'bar',
            data: data2,
            barWidth: '40%',
            itemStyle: {
                color: '#FF6666'
            }
        }
    ]
};

// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);

在上面的示例代码中，我们通过设置`grid`的`top`、`bottom`、`left`和`right`属性来调整图表的布局。通过设置两个柱状图的`series`项，分别指定不同的数据和样式，即可实现上下排列的柱状图效果。

当然，您可以根据实际需求进一步自定义样式和配置项来满足您的需求。希望对您有所帮助！如果您有任何其他问题，请随时提问。