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

Question

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

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

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

这当然不是我唯一尝试过的...我尝试使用数据集，我尝试设置超时，我尝试使用图表的更新功能... 但它总是无法更新我在图表上的数据。

我知道这样一个更静态的东西：

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

有效，但我需要生成多行，我不知道其中有多少。

Answer 1

秘诀是不要在初始数组中放入任何数据，并使用 ngif 直到数据数组中有数据。