Javascript 重叠条形图

我想创建多个系列相互重叠的条形图

堆栈条形图将条形图放置在另一条条形图的顶部

我希望所有的条从底部开始，就像下面的例子一样

有什么方法可以实现这一点吗？

增加

---

这是你要找的东西吗？@gautam是的。与此类似。只是酒吧应该从底部开始。不在另一个之上。您可以在这里找到示例：@Raymond It将酒吧置于酒吧之上。对于ex，一个条形图的值为20，另一个条形图的值为30，则图表上的最终条形图应为30，而不是20+30=50。当前示例提供了一种将一个杆放置在另一个不重叠销顶部的方法。

series: [
    {
        name: 'Forest',
        type: 'bar',
        barGap: '-100%',  // this changed
        barCategoryGap: '80%', // this changed
        label: labelOption,
        data: [320, 332, 301, 334, 390]
    },
    {
        name: 'Steppe',
        type: 'bar',
        label: labelOption,
        data: [220, 182, 191, 234, 290]
    },
    {
        name: 'Desert',
        type: 'bar',
        label: labelOption,
        data: [150, 232, 201, 154, 190]
    },
    {
        name: 'Wetland',
        type: 'bar',
        label: labelOption,
        data: [98, 77, 101, 99, 40]
    }
]