如何创建动态数量的标签以适应chartjs中的数据？

Question

我有三个数据集，其中可能包含不同数量的数据，例如

一个：[1,2,3,4]

B：[2.5,2.3]

C：[4.5,4.6,4.7]

我目前正在部署这样的图表：

new Chart(document.getElementById("0"), {
  "type": "line",
  "data": {
    labels: new Array(a.length),
    datasets: [{
      label: 'Face Localisation',
      data: a,
      borderWidth: 2,
      borderColor: '#bc2122',
      fill: false
    }, {
      label: 'Feature Extractor',
      data: b,
      borderWidth: 2,
      borderColor: '#EEC446',
      fill: false
    }, {
      label: 'Classifier',
      data: c,
      borderWidth: 2,
      borderColor: '#67A062',
      fill: false
    }, ]
  },
  "options": {
    scales: {
      xAxes: [{
        display: false
      }],
      yAxes: [{
        scaleLabel: {
          display: true,
          labelString: 'Seconds'
        }
      }]
    },
    elements: {
      point: {
        radius: 0
      }
    } // remove data points
  }
});

标签只有new Array(a.length)才能填写a的长度（我将始终知道a拥有最多的数据点），因为我根本不关心x轴。结果如此（不同的数据，但相同的想法）：

注意红线是如何提前完成的，因为它的数据点较少。我希望这能像其他所有人一样在最后完成。这可能吗？