oosan - 経済統計練習帳

<html>
<head>
<meta charset="utf-8"> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <script src="sample.js"></script>
  </head>
  <body>
    <div id="memo" style="height: 180px;"></div>
  </body>
</html>
 
google.charts.load('current', {'packages':['timeline']});
google.charts.setOnLoadCallback(sample); 
 
var x=new Array();
 
function sample() {
 
for(s=0;s<3;s++){
x[s]=new Array();        
}
 
x[0][0]="NHK";
x[0][1]="猫";
x[0][2]=new Date(1990,0,1);
x[0][3]=new Date(2000,11,28);
x[1][0]="TBS";
x[1][1]="犬";
x[1][2]=new Date(1990,0,1);
x[1][3]=new Date(1995,11,28);
x[2][0]="TBS";
x[2][1]="山";
x[2][2]=new Date(1996,0,1);
x[2][3]=new Date(2000,11,28);
 
 
    var cont = document.getElementById('memo');
    var chart = new google.visualization.Timeline(cont);
    var dataTable = new google.visualization.DataTable();
    dataTable.addColumn({ type: 'string', id: '局' });
    dataTable.addColumn({ type: 'string', id: '番組' });
    dataTable.addColumn({ type: 'date', id: 'Start' });
    dataTable.addColumn({ type: 'date', id: 'End' });
    dataTable.addRows(x);
 
    chart.draw(dataTable);
  }