Javascript 折线图问题。图表JS

Javascript 折线图问题。图表JS,javascript,angular,chart.js,Javascript,Angular,Chart.js,您好,就像在问题中一样,我在基于数组中的值绘制图表时遇到问题。 这是我的密码: ngOnChanges(changes: SimpleChanges) { let label = Array.from(Array(200).keys()); const susbeptible = this.simulation.records.map(SeirdsRecord => SeirdsRecord.susceptible); const deaths = this.si

您好,就像在问题中一样,我在基于数组中的值绘制图表时遇到问题。 这是我的密码:

ngOnChanges(changes: SimpleChanges) {

    let label = Array.from(Array(200).keys());
    const susbeptible = this.simulation.records.map(SeirdsRecord => SeirdsRecord.susceptible);
    const deaths = this.simulation.records.map(SeirdsRecord => SeirdsRecord.deaths);
    console.log(deaths);


    var seirdsChart = new Chart("seirdsChart", {
      type: 'line',
      labels: label,
      data: {
        datasets: [
          {
            label: "Susceptible",
            data: susbeptible,
            fill: false
          },
          {
            label: "Deaths",
            data: deaths,
            fill: false
          },
        ]
      },
      options: {
        scales: {
          xAxes: [{
          }],
          yAxes: [{
            ticks: {
              beginAtZero: true,
            }
          }]
        }
      }
    });
  }
易受影响和死亡是包含200个值(范围为0-4000000)的数组,但此代码仅为每个数组绘制前两个值,如下所示:


有人知道我该怎么修吗?感谢您的回答。

原因是
标签定义错误

var seirdsChart = new Chart("seirdsChart", {
  type: 'line',
  labels: label,
  data: {
    datasets: [
      ...
它应该在
数据中定义如下:

var seirdsChart = new Chart("seirdsChart", {
  type: 'line',      
  data: {
    labels: label,
    datasets: [
      ...