morris.js单个标签上的多个堆叠条形图

时间:2015-11-06 13:26:18

标签: javascript html5 graph 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
});

谢谢。

1 个答案:

答案 0 :(得分:3)

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

stacked: true

Morris charts samples