不是有效的二维数组谷歌图表

时间:2013-08-06 21:25:27

标签: javascript google-visualization

我有当前的代码,试图为谷歌图表构建一个二维数组。

但是我得到了无效的2D数组错误。

我做错了什么?提前谢谢

//Request data
        $.getJSON(api,function(data){

            //Init final array for data
            var finalData = [["SessionLength"]];

            //Iterate over results
            for (var key in data){

                //Get the key pair
                 var keyPair = [key, parseInt(data[key])];

                //Add to array
                 finalData.push(keyPair);
             }

            // Create the data table.
            var data = google.visualization.arrayToDataTable(finalData);

            // Set chart options
            var options = {'title':'Average session length',
                'width':400,
                'height':400};

            // Instantiate and draw our chart, passing in some options.
            var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        });

这是JSON

{"2013-8-5":"13.5","2013-7-29":"19.7","2013-8-4":"12.2","2013-8-3":"14.1","2013-8-2":"10.1","2013-7-31":"15.1","2013-7-30":"17.4","2013-8-6":"16.0","2013-8-1":"15.0"}

2 个答案:

答案 0 :(得分:3)

我认为你做错了2D数组初始化 你应该写

var finalData = [];

因为var finalData = [["SessionLength"]];正在创建一个具有单个元素的数组作为[“SessionLength”],这是一个元素数组,那么你要添加有2个元素的数组,所以实际上你得到一个无效的2D数组,如下所示:

[["SessionLength"], ["2013-8-5", "13.5"], ["2013-7-29","19.7"]...]

答案 1 :(得分:3)

您的finalData数组的第一个元素需要是一个2元素数组:

var finalData = [['Date', 'SessionLength']];