将行从数组添加到谷歌图表

Add rows to google chart from array?

本文关键字：谷歌 添加 数组      更新时间：2023-09-26

我在从数组向谷歌图表添加行时遇到问题。现在我有下面的代码，它工作得很好。我想使用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]]
    ])
}

您的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)
相关文章：