Question: Example of how to call the public method Ng2Highcharts.chart()

[lorneb]

Hi does anyone have an example they can share that shows how to call the public property .chart that is found on the Ng2Highcharts class.

I'll keep looking, currently I'm heading down the road of using @ViewChild

got this working will post answer tomorrow when i'm back at work

[Bigous]

Ok this is an Angular2 question.
You can use the ViewChild or ViewChildren with better explanations on mgechev's blog

I really need some help on support this lib :D sorry, the docs and examples are far from good :(.

[lorneb]

Hey no problem, you are doing a great job. I'll add my answers back here, and perhaps put some time your way and create a PR for the docs.

[Bigous]

Just as a hint, when you use ViewChild, the chart component is created on ngAfterViewInit, but the chart itself (the highcharts part) isn't, because highcharts has some internal timeouts. If you need it, your best shot is to set a timeout on ngAfterViewInit to get the chart from the Ng2Highcharts component.

But if you need it latter, your are good to go.

[lorneb]

Adding this here in the hope it can help others:

//In my example I have a lot of charts on the page and want to access them as an array
import {Component,ViewChild,ViewChildren} from '@angular/core';
import {Ng2Highcharts} from 'ng2-highcharts';

export class Foo{
   //the varialbe allCharts will be an array **eventually** that why ngAfterViewInit seems to be working
   @ViewChildren(Ng2Highcharts) allCharts


  ngAfterViewInit(){
  //I think at this stage it's safe to access the array variable.   

  var charts = [];
  charts = this.allCharts.forEach( chartRef => {
      //Access the chart property defined in Ng2Highcharts
       var theChart = chartRef.chart;

    })
  }

}

[crh225]

@lorneb , what does the html look like for your answer?