Я пытаюсь работать с API диаграмм Google, но получаю ошибку, которую я не могу понять:
Вот мой код:
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="js/statistics/overview.js"></script>
И код из overview.js выглядит следующим образом:
var statisticsOverview = {
init: function() {
google.load("visualization", "1", {packages: ["corechart"]});
google.setOnLoadCallback(this.drawIncomeChart());
google.setOnLoadCallback(this.drawExpensesChart());
google.setOnLoadCallback(this.drawEconomiesChart());
},
drawIncomeChart: function() {
var data = [
['Year', 'Income'],
['October 2013', 1000],
['January 2014', 1170],
['March 2014', 660]
];
var options = {
title: 'Income Performance',
colors: ['green']
};
var id = 'chart_income';
this.drawLineChart(data, options, id);
},
drawExpensesChart: function() {
var data = [
['Year', 'Expense'],
['October 2013', 1000],
['January 2014', 1170],
['March 2014', 660]
];
var options = {
title: 'Expense Performance',
colors: ['red']
};
var id = 'chart_expenses';
this.drawLineChart(data, options, id);
},
drawEconomiesChart: function() {
var data = [
['Year', 'Savings'],
['2004', 1000],
['2005', 1170],
['2006', 660],
['2007', 1030]
];
var options = {
title: 'Savings Performance',
colors: ['orange']
};
var id = 'chart_economies';
this.drawLineChart(data, options, id);
},
drawLineChart: function(data, options, id) {
console.log(google.visualization);
var chartData = google.visualization.arrayToDataTable(data);
var chart = new google.visualization.LineChart(document.getElementById(id));
chart.draw(chartData, options);
}
};
statisticsOverview.init();
Это странно, потому что console.log() предоставит мне объект google с визуализацией свойств. Что я делаю неправильно?