javascript - 重叠条形图 apache echarts 百度

Question

我想创建多个系列的条形图 重叠 彼此。

堆叠条形图将条形置于另一个条形之上。

我想要所有的酒吧 开始来自 底部 像下面的例子。



有什么方法可以通过echarts 来实现吗？ ?

Answer 1

这个example

添加

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]
    }
]