Chart.js v2.9.4中generateLabels生成undefined标签及X轴标签异常求助

我无法制作出与目标图表（分组柱状图样式，每组包含3个不同颜色的柱形，X轴显示明确的分类标签，图例对应3种数据类型）一致的图表，尝试了两种实现方案均存在问题：

• 方案一：使用3组带不同标签的数据
  • 遇到的问题：generateLabels函数无法正常工作，导致标签显示为undefined。我猜测是版本兼容问题，但不知道如何解决；不过这些标签是静态的，支持硬编码方式设置。
• 方案二：使用3个datasets
  • 遇到的问题：X轴无法正确显示数据集对应的标签。

当前输出的图表效果不符合预期，X轴标签显示异常，柱形分组布局与目标图存在差异。代码已上传至在线代码平台供查看。

内容的提问来源于stack exchange，提问作者GauthamGAjith