Как я могу получить и использовать набор данных для графиков Google, если это отдельный файл JSON? Я попробовал jQuery getJSON, но не смог его обработать. Google Viz должен использовать JSON для рисования гистограммы Есть ли собственный API Google API? или я могу найти способ использования jQuery и как? Благодаря
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Products');
data.addColumn('number', 'Automated');
data.addRows([
['Product 1', 85],
['Product 2', 75],
['Product 3', 90],
['Product 4', 40],
['Product 5', 40]
]);
// Set chart options
var pie_options = {'title':'How Much Automated our Products are?',
'width':520,'height':300
};
var bar_options ={'width': 620, 'height': 300,
'title': 'Products',
'hAxis': {'title': '% Automated', 'titleTextStyle': {'color': 'red', 'fontSize': 16}}
}
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('piechart_div'));
chart.draw(data, pie_options);
var chart = new google.visualization.ColumnChart(document.getElementById('barchart_div'));
chart.draw(data, bar_options);
}
new google.visualization.DataTable(json)
работает.
Посмотрите вывод dataTable.toJSON()
для правильной структуры.
Итак, если на вашем сервере есть getjson.php script, который возвращает правильно отформатированный json, вы можете сделать это:
$.getJSON('/getjson.php', function(json) {
var dataTable = new google.visualization.DataTable(json);
});