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

Question

I want to push some live-data in an array, to show the data in the ngx-line-chart.
This is my 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}}];
    };
  };

  }

But this doesn't work.
Furthermore, did anyone know, if there is a solution to implement an own structure of the array with ngx-line-chart?

score 0 · Accepted Answer · answered Nov 14 '17 at 17:07

0

You should specify the index and push the value to the array as follows,

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

answered Nov 14 '17 at 17:07

Sajeetharan

216,225
63
350
396

1

This solution works for the array! But my ngx-line-chart isn't still rendering the view from the array, by incoming new data from an external source... – Steffn Nov 15 '17 at 13:40
Did you find a solution? – laprof Oct 13 '20 at 19:04

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

1 Answers1