多条线动态将数据添加到折线图js

时间:2018-08-03 15:52:13

标签: angular typescript angular5 chart.js

我需要在Angular 5的折线图中显示n条线的数组。

我在组件上创建了这样的折线图:

For(object a: Array List) {
   For (object b: Array List) {
       If a==b then do something 
  }
} 

从服务器发布中收到数据后,我尝试使用以下方式加载它们:

lineRecoveriesChartData: any[] = [    {data: this.arrayOfResult, label: '', borderColor: "black", fill: false}  ];

这当然不是我尝试的唯一方法...我试图利用数据集,我试图设置超时时间,我试图使用图表的更新功能... 但是它始终无法更新图表上的数据。

我知道这样一个更静态的事实:

for(var i = 0; i < 10; i++){
        this.lineResult = arrayOfIntegerReceivedFromServer[i];
        this.lineRecoveriesChartData.push(
            this.lineResult
        );
    }

可以工作,但是我需要生成多行,但我不知道其中有多少行。

1 个答案:

答案 0 :(得分:0)

秘密在于,不要在初始数组中放入任何数据,而要在数据数组中没有数据之前使用ngif。