javascript - 使用 react-chartjs-2 对多个图表进行分组

Question

我想用react-chartjs-2创建一个类似于上图的动态图表。基本问题定义是将具有相同基轴的多个图表分组。图表中的每个条形都有其标签（所有图表都有相似的），每个图表都有其标题（或考虑基轴的标签）。我很困惑我该如何准备dataset？

图表的示例数据：

[{
    "name": "overdue",
    "total": 33,
    "items": [
        {
            "name":"N",
            "count":7
        },
        {
            "name":"E",
            "count":10
        },
        {
            "name":"C",
            "count":3
        },
        {
            "name":"L",
            "count":13
        },
        {
            "name":"H",
            "count":18
        }
    ]
},
{
    "name": "inprogress",
    "total": 43,
    "items": [
        {
            "name":"N",
            "count":16
        },
        {
            "name":"E",
            "count":12
        },
        {
            "name":"C",
            "count":7
        },
        {
            "name":"L",
            "count":9
        },
        {
            "name":"H",
            "count":9
        }
    ]
},
{
    "name": "comingup",
    "total": 54,
    "items": [
        {
            "name":"N",
            "count":23
        },
        {
            "name":"E",
            "count":13
        },
        {
            "name":"C",
            "count":17
        },
        {
            "name":"L",
            "count":1
        },
        {
            "name":"H",
            "count":17
        }
    ]
},
{
    "name": "nodue",
    "total": 43,
    "items": [
        {
            "name":"N",
            "count":16
        },
        {
            "name":"E",
            "count":12
        },
        {
            "name":"C",
            "count":7
        },
        {
            "name":"L",
            "count":9
        },
        {
            "name":"H",
            "count":9
        }
    ]
},
{
    "name": "completed",
    "total": 54,
    "items": [
        {
            "name":"N",
            "count":23
        },
        {
            "name":"E",
            "count":13
        },
        {
            "name":"C",
            "count":17
        },
        {
            "name":"L",
            "count":1
        },
        {
            "name":"H",
            "count":17
        }
    ]
}]

我只想知道如何将这些数据形成为像图像一样的图表。此外，如果有人可以帮助设计酒吧，那将非常有帮助。谢谢。