I'm curious if morris.js supports having multiple stacked bars on single label and if someone knows workaround.

I want to have 2 graphs stacked together on same line. Blue and red should be on top each other and green and yellow.

Morris.Bar({
    element: 'daily_revenue',
    data: [],
    xkey: 'label',
    ykeys: ['inbound_netto', 'inbound_brutto', 'outbound_netto', 'outbound_brutto'],
    labels: ['Inbound Netto', 'Inbound Brutto', 'Outbound Netto', 'Outbound Brutto'],
    resize: true,
    barColors: ["#B21516", "#1531B2", "#1AB244", "#B29215"],
    hideHover: true
});

Thank you.

I'm curious if morris.js supports having multiple stacked bars on single label and if someone knows workaround.

I want to have 2 graphs stacked together on same line. Blue and red should be on top each other and green and yellow.

Morris.Bar({
    element: 'daily_revenue',
    data: [],
    xkey: 'label',
    ykeys: ['inbound_netto', 'inbound_brutto', 'outbound_netto', 'outbound_brutto'],
    labels: ['Inbound Netto', 'Inbound Brutto', 'Outbound Netto', 'Outbound Brutto'],
    resize: true,
    barColors: ["#B21516", "#1531B2", "#1AB244", "#B29215"],
    hideHover: true
});

Thank you.

• javascript
• html
• graph
• morris.js

Share Improve this question Follow edited Nov 6, 2015 at 13:35 TayTay 7,19055 gold badges4646 silver badges6969 bronze badges asked Nov 6, 2015 at 13:26 TadejTadej 1111 silver badge33 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

I don't think it's possible with the latest Morris.js version (0.5.1).
You can set the stacked parameter to true in your Morris.Bar configuration, but for only one stacked bar for each label:

stacked: true

Morris charts samples