使用JavaScript创建条形图

时间:2015-08-02 16:47:09

标签: javascript html5 google-visualization

我正在尝试使用Google的jsapi创建条形图,并且我已经下载了以下代码(我自己的更改),需要创建条形图。

        google.load("visualization", "1", {packages:["corechart"]});
        drawChart(AvgTimeInConference, keysSorted3);

        function drawChart(AvgTimeInConference, keysSorted3) {
            var DataTable=[];
            DataTable.push(['Conference', 'Average Duration']);

            for (var i=0; i<keysSorted3.length; i++)
            {
                if(keysSorted3[i]!=="")
                {
                    var x=[keysSorted3[i], AvgTimeInConference[keysSorted3[i]]];
                    DataTable.push(x);
                }
            }

            var data = new google.visualization.arrayToDataTable(DataTable);

            var options = {
                title: 'average durations length of the conferences, grouped by Conference Type',
                vAxis: {title: 'Average Duration',  titleTextStyle: {color: 'red'}}
            };

            var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
            chart.draw(data, options);
        }

代码有效,直到它到达“var data = new google.visualization.arrayToDataTable(DataTable);”这一行。此时的数据表是一个包含单元格中数据的数组(第一个单元格 - 标题,第二个和第二个是根据标题的数据)。尝试使用该功能时,运行会卡住并且不会继续运行。 doe的任何人都知道为什么会这样? DataTable的格式不正确吗?谢谢!

编辑:调试中的DataTable对象 enter image description here

0 个答案:

没有答案