推送数组中的数据，ngx-line-chart，angular4

Question

我想将一些实时数据推送到数组中，以在 ngx 折线图中显示数据。
这是我的线图组件：

export class LinechartComponent implements OnInit {

  data = [
    {
      "name": "Test",
      "series": [
        {
          'nam': 'Point1',
          'value': '5'
        },
        {
          "nam": "Point2",
          "value": '15'
        }
      ]
    },
  ];



  constructor( private GEtDataService: DataService) { }

  ngOnInit() {
    this.GEtDataService.onMessage = (msg: string) => {
      this.data = [{name: 'test',  series: {  'nam': 'testing', 'value': msg}}];
    };
  };

  }

但这行不通。
此外，有谁知道，是否有解决方案可以使用 ngx-line-chart 实现自己的数组结构？

Answer 1

您应该指定索引并将值推送到数组，如下所示，

 this.GEtDataService.onMessage = (msg: string) => {
      this.data[0].series.push({ 'nam': 'testing', 'value': msg});
 };

推送数组中的数据，ngx-line-chart，angular4

Push data in array, ngx-line-chart, angular4

angular

ngx-charts