ChartJS非重叠线

Question

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

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

而且

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

正如你可以看到，这些2台不会在x轴重叠。

我该如何让chartJS显示每行有不同X值的2行？

目前，我有一个完全重叠：

因为这是代码：

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