折線圖問題。 圖表 JS

Question

嗨，就像問題一樣，我在根據 arrays 中的值繪制圖表時遇到問題。 這是我的代碼：

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,
            }
          }]
        }
      }
    });
  }

易感和死亡是 arrays ，其中包含 0-40 000 000 范圍內的 200 個值，但此代碼僅繪制每個數組的前兩個值，如下所示：

有人知道我該怎么做才能解決它嗎？ 感謝您的回答。

Answer 1

原因是labels定義在錯誤的位置。

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

它應該在data內部定義如下：

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