折线图标签 - Ng2Charts - ChartJS

Question

尝试制作包含多条线的折线图。我遇到的一个问题是，我的数据集看起来像

[{
    data: [12,3,4,5] , label: Line A
},
    data: [3,2,1], label: Line B
]

事情是当我将这些数据点推送到与时间相关联的集合中时。像下面的东西。这些时间被推送的顺序就是它被推送到数据集中的顺序。因此，例如）带有标签线 A 的数据集被推入 前 4 个标签。标签线 B 推入最后 3 次标签。 现在，当创建图表时，线 B 具有误导性，因为它使用前 3 个标签定位。 公共 lineChartLabels:Array = ['10:10', '10:20', '10:30', '11:50', '11:51', '11:52', '11:53'];

阅读文档，需要具体点。

data: [{
        x: 10,
        y: 20
    }, {
        x: 15,
        y: 10
    }]

试过这个，线条不会呈现。如果有人能够提供一个例子，将不胜感激。谢谢。

Answer 1

我认为你只需要将图表类型设为“时间”

public lineChartOptions: any = {
  responsive: true,
  scales: {
  xAxes: [{
    type: 'time',
    distribution: 'linear'
  }]
 }
};