2015-11-06 132 views
0

我很好奇,如果morris.js支持单个标签上有多个堆叠酒吧,并且有人知道解决方法。morris.js单个标签上的多个堆积酒吧

Image

我想有2个图形上同一行叠在一起。蓝色和红色应该在彼此顶部,绿色和黄色。

Image

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 
}); 

谢谢。

回答

2

我不认为最新的Morris.js版本(0.5.1)是可能的。
可以设置stacked参数设置为true在Morris.Bar配置,但只有一个每个标签堆叠条:

stacked: true 

Morris charts samples

+0

谢谢你的回答。但我已经尝试过这一点,这不是我正在寻找的。如果我使用堆叠:true它将所有4个图形放在一个标签上,我不想要这样。我想在1个标签上有2个堆积图。我希望每个标签有多个堆叠的条形图。 – Tadej

+0

对不起,我编辑了我的答案。 – krlzlx

+0

好的,谢谢你的回答。我想我应该找到一些Morris.js的替代品,支持该功能。我用的是支持这个的jpgraph,但后来我切换到了js图形。 – Tadej