Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Overlapping bar chart apache echarts baidu

I want to create bar chart with multiple series overlapping each other.

Stack bar chart places bar on top of another bar.

I want all bar to start from the bottom like below example.

enter image description here

Is there any way to achieve this with echarts ?

like image 881
Ankur Akvaliya Avatar asked Oct 15 '22 07:10

Ankur Akvaliya


1 Answers

This example

added

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]
    }
]
like image 80
多一点点爱 Avatar answered Nov 03 '22 02:11

多一点点爱