echarts 柱状图两个柱子叠一起

ECharts 是一款开源的可视化图表库，它提供了丰富多样的图表类型，其中包括柱状图。而叠加柱状图则是柱状图的一种变体，可以同时展示两个或多个数据系列的数值。

要在 ECharts 中创建叠加柱状图，首先需要创建一个柱状图实例，并指定其类型为柱状图。然后，通过配置项设置数据的来源和样式等属性。

一个简单的叠加柱状图的代码如下所示：

// 创建柱状图实例
var myChart = echarts.init(document.getElementById('chart'));

// 配置项
var option = {
    // 柱状图类型
    series: [
        {
            type: 'bar',
            // 第一个柱子的数据
            data: [120, 200, 150, 80, 70, 110],
            // 柱子的样式
            itemStyle: {
                color: 'blue'
            }
        },
        {
            type: 'bar',
            // 第二个柱子的数据
            data: [100, 180, 160, 90, 80, 100],
            // 柱子的样式
            itemStyle: {
                color: 'red'
            }
        }
    ]
};

// 将配置项设置到柱状图实例中
myChart.setOption(option);

在这个代码中，我们创建了一个 ID 为 `chart` 的元素作为柱状图的容器。然后，通过配置项中的 `series` 属性设置了两个柱子的数据和样式等信息。第一个柱子的数据是 `[120, 200, 150, 80, 70, 110]`，颜色为蓝色；第二个柱子的数据是 `[100, 180, 160, 90, 80, 100]`，颜色为红色。最后，通过 `setOption` 方法将配置项设置到柱状图实例中。

通过以上代码，就能够实现两个柱子叠加在一起的柱状图效果。当然，你也可以根据自己的需求进一步调整配置项，如调整柱子的宽度、添加图例等。