Question

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

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

当我将这些数据点推入集合时，它们与时间相关联。像下面的东西。推送这些时间的顺序是它被推入数据集的顺序。因此Ex）数据集与标签线A被推入与前4个标签。标签行B在最后3个时间标签中被推入。现在，当创建图表时，B行会产生误导，因为它正在使用前3个标签定位。 public lineChartLabels：Array = ['10：10'，'10：20'，'10：30'，'11：50'，'11：51'，'11：52'，'11：53']; < / p>

阅读文档，需要具体点。

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

试过这个并且线条不会渲染。如果有人能够提供一个非常感谢的例子。谢谢。

Answer 1

我认为您只需要将图表类型设为'时间'

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

折线图标签 - Ng2Charts - ChartJS

1 个答案: