Question

我想在数组中推送一些实时数据，以显示ngx-line-chart中的数据这是我的Linechart-Component：

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

1 个答案: