Chart.js 非重叠线

我有多个基于时间的信息数据集，例如：

{ x: 1502007367658, y: 5},
{ x: 1502007367663, y: 3},
...

及

如您所见，这两个集合在x轴上不重叠

如何使ChartJ显示两条线，每条线的X值不同

目前，我有一个完整的重叠：

因为这是代码：

// 7 Labels, for 7 data points, non linear
this.chart.labels = [newDate(-4), newDate(-3), newDate(2), newDate(3), newDate(4), newDate(5), newDate(6)];
// 3 Datasets
this.chart.datasets = [
  {data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A'},
  {data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B'},
  {data: [18, 48, 77, 9, 100, 27, 40], label: 'Series C'}
];

---

那么有没有办法让每个数据集都有自己的X轴值呢？

同时给出数据集的X轴和Y轴数据就解决了这个问题。现在它就像：

this.chart.datasets = [
  {
    data: [
      { x: newDate(-4), y: 65 },
      { x: newDate(-3), y: 59 },
      { x: newDate(-2), y: 80 }
    ],
    label: 'Series A'
  },
  {
    data: [
      { x: newDate(-3), y: 65 },
      { x: newDate(-2), y: 59 },
      { x: newDate(-1), y: 80 }
    ],
    label: 'Series A'
  },
  {
    data: [
      { x: newDate(-2), y: 65 },
      { x: newDate(-1), y: 59 },
      { x: newDate(0), y: 80 }
    ],
    label: 'Series A'
  }
];

---

同时提供数据集的X和Y数据解决了问题。现在它就像：

this.chart.datasets = [
  {
    data: [
      { x: newDate(-4), y: 65 },
      { x: newDate(-3), y: 59 },
      { x: newDate(-2), y: 80 }
    ],
    label: 'Series A'
  },
  {
    data: [
      { x: newDate(-3), y: 65 },
      { x: newDate(-2), y: 59 },
      { x: newDate(-1), y: 80 }
    ],
    label: 'Series A'
  },
  {
    data: [
      { x: newDate(-2), y: 65 },
      { x: newDate(-1), y: 59 },
      { x: newDate(0), y: 80 }
    ],
    label: 'Series A'
  }
];