javascript - 莫里斯条形图不同的用法

Question

我正在开发一款游戏，我有不同的奖品，例如每天、每周和每月，我想展示每个奖品的前 5 名用户。

我想知道的是一种在每个奖项的同一个条形图中显示所有这些的方法。

作为结论，我需要 3 个部分，分别xkeys命名为每月、每周、每天，每个部分涵盖 5 列，就像yKeys前 5 名玩家一样。

由于我们将此作为 morris 默认示例，这可能吗？

 Morris.Bar({
    element: 'morris-bar-chart',
    data: [{y: '2006',a: 100,b: 90},
           {y: '2007',a: 75,b: 65},
           {y: '2008',a: 50,b: 40},
           {y: '2009',a: 75,b: 65},
           {y: '2010',a: 50,b: 40},
           {y: '2011',a: 75,b: 65},
           {y: '2012',a: 100,b: 90}],
    xkey: 'y',
    ykeys: ['a', 'b'],
    labels: ['Series A', 'Series B'],
    hideHover: 'auto',
    resize: true
});

我正在寻找类似这样的图像：

如果有任何其他方法可以通过不同的图表或其他东西来达到我正在寻找的东西，我会全力以赴，我很感激你的帮助