angular - 在数组、ngx-line-chart、angular4 中推送数据

Question

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

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