从数组向Google图表添加行?

时间:2016-05-04 17:16:12

标签: javascript arrays google-visualization

我在从阵列向Google图表添加行时遇到问题。现在我有下面的代码,它工作正常。我想使用for循环来添加行,而不是像我现在测试时那样手动添加每个行。我怎样才能做到这一点?该阵列总共有30个元素。

function drawChart(array1) {

// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Day');
data.addColumn('number', 'Temperature');

data.addRows([

    [array1[29], array1[28]],
    [array1[27], array1[26]],
    [array1[25], array1[24]],
    [array1[23], array1[22]],
    [array1[21], array1[20]],

    ["Today", array1[0]]

]);


var options = {'title':'Historical Temperatures',

    hAxis: {
    title: 'Time',
    logScale: true
},
    vAxis: {
        title: 'Popularity',
        logScale: false
    },
    'width':700,
    'height':300};


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

用以下工作替换data.addRows块吗?

for (var i = 20; i < array1.length; i+2)
{
    data.addRows([
        [array1[i+1], array1[i]]
    ])
}

1 个答案:

答案 0 :(得分:1)

for循环中有一个拼写错误:

for (var i = 20; i < array1.length; i+2) // it doesn't update i and enters an infinite loop

应该是

for (var i = 20; i < array1.length; i+=2)