Javascript 将数组连接到Google图表
多年来,我一直在尝试将这个数组连接到谷歌图表,但运气不好,如果能帮我找出我做错了什么,我将不胜感激。我有一个JSFIDLE,您可以看到数组很好,如果手动复制并粘贴到图表中,它就可以工作,所以这只是一个无法通过的代码问题 有几件事:Javascript 将数组连接到Google图表,javascript,ajax,arrays,json,google-visualization,Javascript,Ajax,Arrays,Json,Google Visualization,多年来,我一直在尝试将这个数组连接到谷歌图表,但运气不好,如果能帮我找出我做错了什么,我将不胜感激。我有一个JSFIDLE,您可以看到数组很好,如果手动复制并粘贴到图表中,它就可以工作,所以这只是一个无法通过的代码问题 有几件事: 不能使用AJAX调用作为arrayToDataTable的输入。您必须使用AJAX调用的结果 解析AJAX调用的输出,并将其放入日期对象和浮动中 请查看以下内容: 谢谢杰里米,我已经试了好几个小时了!当谈到AJAX、jQuery、JSON和Javascript时,
谢谢杰里米,我已经试了好几个小时了!当谈到AJAX、jQuery、JSON和Javascript时,我是个新手。我还向提供数据库/日志系统的Phant发送了一封电子邮件,他们也很友好地完成了这项工作。我想我会发布我现在的结果,使用一个注释图表,可以方便地选择日期范围。再次感谢!
google.load("visualization", "1", {
packages: ["corechart"]
});
google.setOnLoadCallback(drawChart);
function drawChart() {
var dataset = $.ajax({
url: 'http://data.sparkfun.com/output/AJ2p4r8Owvt1MyV8q9MV.json?page=1',
type: 'get',
dataType: 'jsonp',
crossDomain: true,
success: function (jsonObj) {
var arr = ["[['Time', 'Humidity', 'Temp']"];
$.each(jsonObj, function (i, tObj) {
arr.push("['" + tObj.stationtime + "', " + tObj.humidity + ', ' + tObj.temp + ']');
});
arr.push("]")
// This for debugging
document.getElementById("demo").innerHTML = arr;
}
});
var data = google.visualization.arrayToDataTable([
dataset
]);
var options = {
title: 'Company Performance'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
$.ajax({
url: 'http://data.sparkfun.com/output/AJ2p4r8Owvt1MyV8q9MV.json?page=1',
type: 'get',
dataType: 'jsonp',
crossDomain: true,
success: function (jsonObj) {
var arr = [['Time', 'Humidity', 'Temp']];
$.each(jsonObj, function (i, tObj) {
arr.push([new Date(tObj.stationtime), parseFloat(tObj.humidity), parseFloat(tObj.temp)]);
});
document.getElementById("demo").innerHTML = arr;
var data = google.visualization.arrayToDataTable(arr);
var options = {
title: 'Company Performance'
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options); }
});