import { Component } from '@angular/core';
declare var google: any;
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'test-ui';
drawChart=function() {
var data = google.visualization.arrayToDataTable([['Task', 'Hours per Day'], ['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7] ]);
var options = { title: 'My Daily Activities', pieHole: 0.4 };
var chart = new google.visualization.PieChart(document.getElementById('donutchart'));
chart.draw(data, options);
}
ngOnInit() {
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(this.drawChart);
}
}
Unfortunately this generate a "
ERROR ReferenceError: google is not defined"...