Javascript Chartjs对应于一个标签的多个条形图

我有一个关于Chartjs中条形图的问题

我想为每个标签显示多个条形图，但由于某些原因，这已经证明非常困难

我正在制作一张图表，以显示重复次数和某人所做的设置，作为日期的函数

所以在X轴上我有日期，在Y轴上我有重复的次数。如果该人员当天完成了3组，则应在该日期显示3个条形图，其中条形图的高度值为重复次数

出于测试目的，我有三个日期，每个日期有几个集合/重复：

2017-05-25 -第1组：7次 2017-05-30 -第1组：8次 -第2组：9次 -第3组：10次 2017-05-31 -第1组：重复3次 -第2组：7次 -第3组：12次 -第4组：8次

这是我当前的chartData对象

var chartData = {
      labels: Object.keys(items.dates),
      datasets: [{
           label: "Reps",
           backgroundColor: "blue",
           data: [7]
      }, {
           label: "Reps",
           backgroundColor: "red",
           data: [8, 9, 10]
      }, {
           label: "Reps",
           backgroundColor: "green",
           data: [3, 7, 12, 8]
      }]
};

日期显示正确，但我似乎无法获得正确的重复/设置。我相信我必须以其他方式将他们分组

感谢大家的帮助

更新 做了一个jsfiddle：

如您所见，这些数据集的日期不正确-在第一个日期：2017-05-25，应该只有一个数据集，但它显示了37,8,3。

您需要像这样排列数据集的数据数组

var chartData = {
   labels: Object.keys(items.dates),
   datasets: [{
      label: "Reps",
      backgroundColor: "blue",
      data: [7, 8, 3]
   }, {
      label: "Reps",
      backgroundColor: "red",
      data: [0, 9, 7]
   }, {
      label: "Reps",
      backgroundColor: "green",
      data: [0, 10, 12]
   }]
};

注意：如果没有特定标签日期的数据，则必须为该日期添加0

以下是您需要像这样排列数据集的数据数组的方法

var chartData = {
   labels: Object.keys(items.dates),
   datasets: [{
      label: "Reps",
      backgroundColor: "blue",
      data: [7, 8, 3]
   }, {
      label: "Reps",
      backgroundColor: "red",
      data: [0, 9, 7]
   }, {
      label: "Reps",
      backgroundColor: "green",
      data: [0, 10, 12]
   }]
};

注意：如果没有特定标签日期的数据，则必须为该日期添加0

---

这是

当然可以！现在就可以了，2秒检查更新的问题确定！现在就可以了，2秒检查更新的问题哈哈，现在很明显！非常感谢哈哈，这是如此明显的现在！非常感谢