echarts柱状图多表重叠不在同一条线样式问题

ECharts是一个强大的JavaScript图表库，创建柱状图时，如果需要让多组数据的柱状图重叠在同一X轴上，并且不希望它们显示在同一条线上，你可以通过设置`stack`属性来实现。`stack`属性用于指定柱形图是否堆叠在一起，以及堆叠的方式。

当你设置了`stack`，并且每个系列都有不同的`stack`值时，ECharts会自动将每组柱子分开显示，形成类似堆积的效果，而不是并排在同一水平线上。例如：

option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {},
    series: [
        {
            name: 'Series 1',
            data: [5, 20, 36, 10, 15],
            stack: 's1' // 设置栈名
        },
        {
            name: 'Series 2',
            data: [2, 8, 12, 5, 7],
            stack: 's1'
        },
        {
            name: 'Series 3',
            data: [3, 4, 9, 2, 6],
            stack: 's2' // 使用不同的栈名避免堆叠
        }
    ]
};

在这个例子中，`Series 1`和`Series 2`会被堆叠在一起，而`Series 3`则单独展示在另一组堆叠之外。