javascript - morris.js 单个标签上的多个堆叠条

Question

我很好奇 morris.js 是否支持在单个标签上放置多个堆叠条以及是否有人知道解决方法。

我想要将 2 个图表堆叠在同一行上。蓝色和红色应该相互重叠，绿色和黄色应该相互重叠。

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

谢谢。

Answer 1

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

stacked: true

Morris charts samples