Javascript Chart.js具有不同标签的多折线图

我有两个数据集A和B。A和B都是时间线

A=[{'time':'2020-11-20 00:00:00', "value":21},
   {'time':'2020-11-20 00:01:00', "value":22},
   {'time':'2020-11-20 00:02:00', "value":23},
   {'time':'2020-11-20 00:03:00', "value":24},]

B=[{'time':'2020-11-20 00:01:30', "value":21},
   {'time':'2020-11-20 00:03:30', "value":22},
   {'time':'2020-11-20 00:05:30', "value":24},]

Chart.js需要一个包含所有标签的数组，但我的数据不共享相同的标签，尽管两者都是时间序列

---

如何使用chart.js在不更改时间/重采样的情况下绘制此图？

因此，您必须首先创建标签，标签应始终保持不变，如下所述，用于A和B组合。 现在，对于{'time'：'2020-11-20 00:00:00'，“value”：21}， {'time'：'2020-11-20 00:01:00'，“value:22}， 然后检查这个原理。 对于2020-11-20 00:00:30，值必须为21，因为未更改任何内容，因此假设您可以为线和位置值创建相同数量的标签

var myLineChart = new Chart(ctx).Line(data);
  var data = {
      labels: ["2020-11-20 00:00:00", "2020-11-20 00:30:00", "2020-11-20 01:00:00", "2020-11-20 01:30:00", "2020-11-20 02:00:00", "2020-11-20 02:30:00", "2020-11-20 03:00:00"],
      datasets: [
          {fillColor: "rgba(220,220,220,0.2)",
           strokeColor: "rgba(220,220,220,1)",
           data: [21, 21, 22, 81, 56, 55, 40]
          },
          {fillColor: "rgba(151,187,205,0.2)",
           strokeColor: "rgba(151,187,205,1)",
           data: [22, 23, 40, 19, 86, 27, 90]
          }
      ]};