使用ChartJS实现堆叠柱状图

在数据可视化中，柱状图是一种直观展示数据的方法。本文将通过一个实际案例，介绍如何使用ChartJS和React ChartJS 2库来创建一个复杂的堆叠柱状图，该图表能够展示每年的正面（Positive）数据和总数据（Total）的对比情况。

背景介绍

假设我们有一组医疗机构的数据，每个机构每年都有总病例数（Total）和确诊为阳性（Positive）的病例数。我们的目标是通过一个堆叠柱状图来展示每个机构在三年的时间跨度内，阳性病例占总病例的比例。

数据结构

我们的数据如下所示：

constdataSet=[{Name:"De Regenboog",Patients