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

如何解决使用 react-chartjs-2 对多个图表进行分组

我想用 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,"count":16
        },"count":12
        },"count":9
        },"count":9
        }
    ]
},{
    "name": "comingup","total": 54,"count":23
        },"count":17
        },"count":1
        },"count":17
        }
    ]
},{
    "name": "nodue",{
    "name": "completed","count":17
        }
    ]
}]

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