ERROR ReferenceError: google is not defined about angular-google-charts HOT 2 CLOSED

Hi @simonmoreau

If you want to use the Formatter object of GoogleCharts, here's what you have to do (also found in the README.

In the component where you want to create the chart, inject the ScriptLoaderService.
Example:

constructor(private loaderService: ScriptLoaderService) {}

Then subscribe to the onReady event of the ScriptLoaderService and load the package you need in the callback. As an example and to follow best practices, I'll do this in the onInit method. It can, however, be done anywhere in your component:

ngOnInit() {
  this.loaderService.onReady.subscribe(() => {
     this.loaderService.loadChartPackages(this.type).subscribe(() => {
       // Start creating your chart now
       // Example:
       const formatter = new google.visualization.BarFormat();
     });
  });
}

where this.type is your chart type, and you can get it by calling the following line:

this.type = GoogleChartPackagesHelper.getPackageForChartName('BarChart');

Hope this helps. If you still have any problems regarding this issue, feel free to point them out.

from angular-google-charts.

I get it, it is working fine by now ! Thank you for your help !

from angular-google-charts.