Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将数组连接到Google图表_Javascript_Ajax_Arrays_Json_Google Visualization - Fatal编程技术网

Javascript 将数组连接到Google图表

Javascript 将数组连接到Google图表,javascript,ajax,arrays,json,google-visualization,Javascript,Ajax,Arrays,Json,Google Visualization,多年来,我一直在尝试将这个数组连接到谷歌图表,但运气不好,如果能帮我找出我做错了什么,我将不胜感激。我有一个JSFIDLE,您可以看到数组很好,如果手动复制并粘贴到图表中,它就可以工作,所以这只是一个无法通过的代码问题 有几件事: 不能使用AJAX调用作为arrayToDataTable的输入。您必须使用AJAX调用的结果 解析AJAX调用的输出,并将其放入日期对象和浮动中 请查看以下内容: 谢谢杰里米,我已经试了好几个小时了!当谈到AJAX、jQuery、JSON和Javascript时,

多年来,我一直在尝试将这个数组连接到谷歌图表,但运气不好,如果能帮我找出我做错了什么,我将不胜感激。我有一个JSFIDLE,您可以看到数组很好,如果手动复制并粘贴到图表中,它就可以工作,所以这只是一个无法通过的代码问题

有几件事:

  • 不能使用AJAX调用作为arrayToDataTable的输入。您必须使用AJAX调用的结果
  • 解析AJAX调用的输出,并将其放入日期对象和浮动中
  • 请查看以下内容:


    谢谢杰里米,我已经试了好几个小时了!当谈到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);        }
    });