ChartJS非重叠线

Question

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

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

和

{ x: 1502007367653, y: 4},
{ x: 1502007367660, y: 7},
...

如您所见，这两组在x轴上不重叠。

如何让chartJS显示2行，每行有不同的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轴值？

Answer 1

为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'
  }
];