Обновить диаграмму ng2 с несколькими наборами данных - PullRequest
Новая
       20

Обновить диаграмму ng2 с несколькими наборами данных

0 голосов
/ 25 марта 2019

У меня есть 3 набора данных, где я должен показывать каждый из наборов данных один за другим на графике, как в течение первых 5 секунд, он должен отображать набор данных 1, а в течение следующих 5 секунд - следующий набор данных

Я пытался использовать функцию updatechart, но она не работает 

export class AcidLineChartComponent implements OnInit {
  public lineChartData: ChartDataSets[] = [
    { data: [33, 4, 21, 35, 67, 8, 34] },
    { data: [34,4,61,43,65,8,12,0,45] },
    { data: [23,4,12,34,65,78,90,56] }

  ];

  public lineChartLabels: Array<any> = [1522.37, 1522.40, 1522.43, 1522.46, 1522.49, 1522.52, 1522.55, 1522.58];

  public randomize(): void {
    const lineChartData: ChartDataSets[] = new Array(this.lineChartData.length);
    for (let i = 0; i < this.lineChartData.length; i++) {
      lineChartData[i] = { data: new Array(this.lineChartData[i].data.length), label: this.lineChartData[i].label };
      for (let j = 0; j < this.lineChartData[i].data.length; j++) {
        lineChartData[i].data[j] = Math.floor((Math.random() * (i < 2 ? 100 : 1000)) + 1);
      }
    }
    this.lineChartData = lineChartData;
  }



  updateChart(){
    let _dataSets:Array<any> = new Array(this.lineChartData.length);
    for (let i = 0; i < this.lineChartData.length; i++) {
       _dataSets[i] = {data: new Array(this.lineChartData[i].data.length), label: this.lineChartData[i].label};
       for (let j = 0; j < this.lineChartData[i].data.length; j++) {
         _dataSets[i].data[j] = this.lineChartData[i].data[j];
       }
    }
    this.lineChartData = _dataSets;
    // this.lineChartData = this.lineChartData.slice()
  }


}

Я хочу показать диаграмму, где она должна отображать линейные диаграммы один за другим. В настоящее время я получаю три графика одновременно. Может кто-нибудь подсказать ответ .. Заранее спасибо.

...