Javascript 谷歌图表（表格图表）

我正在尝试根据用户选择的年份显示表格图表。我无法循环浏览数据

function drawTable() {

    year = document.getElementById("thedropdown").value; 

    var data = new google.visualization.DataTable();
    data.addColumn('string','YEAR');
    data.addColumn('number', 'JAN');
    data.addColumn('number', 'FEB');
    data.addColumn('number', 'MAR');
    data.addColumn('number', 'APR');
    data.addColumn('number', 'MAY');
    data.addColumn('number', 'JUNE');
    data.addColumn('number', 'JULY');
    data.addColumn('number', 'AUG');
    data.addColumn('number', 'SEP');
    data.addColumn('number', 'OCT');
    data.addColumn('number', 'NOV');
    data.addColumn('number', 'DEC');
    data.addRows([
      ['2005',15000,20100,54637,27384,84958,43526,54637,82939,94857,53647,36456,87382],
      ['2006',13500,35464,24536,64738,53426,26373,53426,72634,53425,72837,63526,72839],
      ['2007',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
      ['2008',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
      ['2009',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
      ['2010',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
      ['2011',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
      ['2012',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
      ['2013',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
      ['2014',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],      
    ]);


    var table = new google.visualization.Table(document.getElementById('table_div'));

我只想显示用户选择的年份从1月到12月的值。如果用户选择全部，则显示整个表。帮我摆脱困境

我的Html部分：

<form  action="#" id="form1" name="form1" onchange="drawChart()" >
    <select id="thedropdown">
        <option value="2005">2005</option>
        <option value="2006">2006</option>
    </select>
</form>

2005
2006

您不需要循环，
您可以使用数据表方法-->

getFilteredRows

要创建已筛选的数据视图

var view = new google.visualization.DataView(data);
if (year !== 'All') {
  view.setRows(data.getFilteredRows([{
    column: 0,
    value: year
  }]));
}

然后使用视图绘制图表

var view = new google.visualization.DataView(data);
if (year !== 'All') {
  view.setRows(data.getFilteredRows([{
    column: 0,
    value: year
  }]));
}

google.charts.load（'current'{
套餐：[“表”]
}).然后（函数（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'YEAR'）；
data.addColumn（'number'，'JAN'）；
data.addColumn（'number'，'FEB'）；
data.addColumn（'number'，'MAR'）；
data.addColumn（'number'，'APR'）；
data.addColumn（'number'，'MAY'）；
data.addColumn（'number'，'JUNE'）；
data.addColumn（'number'，'JULY'）；
data.addColumn（'number'，'AUG'）；
data.addColumn（'number'，'SEP'）；
data.addColumn（'number'，'OCT'）；
data.addColumn（'number'，'NOV'）；
data.addColumn（'number'，'DEC'）；
data.addRows([
['2005',15000,20100,54637,27384,84958,43526,54637,82939,94857,53647,36456,87382],
['2006',13500,35464,24536,64738,53426,26373,53426,72634,53425,72837,63526,72839],
['2007',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
['2008',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
['2009',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
['2010',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
['2011',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
['2012',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
['2013',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
['2014',17567,25000,64738,83748,62536,35467,53647,54636,65748,93894,24356,21000],
]);
var table=新的google.visualization.table（document.getElementById（'table_div'）；
选择Year=document.getElementById（'DropDown'）；
选择Year.addEventListener（'change'，drawChart，false）；
图纸（）；
函数绘图图（）{
var year=selectYear.value；
var view=newgoogle.visualization.DataView（数据）；
如果（年份）=“全部”）{
view.setRows（data.getFilteredRows([{
列：0，
价值：年
}]));
}
表.绘制（视图）；
}
});

全部的
2005
2006
2007
2008
2009