kanehisa - 経済統計練習帳

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['timeline']});
      google.charts.setOnLoadCallback(drawChart);
      function drawChart() {
        var container = document.getElementById('timeline');
        var chart = new google.visualization.Timeline(container);
        var dataTable = new google.visualization.DataTable();
 
var x=new Array();
 
for(s=0;s<3;s++){
x[s]=new Array();    
}
 
x[0][0]="フレンドパーク";
x[1][0]="フレン";
x[2][0]="ドパーク";
x[0][1]=new Date(1980, 4, 1);
x[0][2]=new Date(1980, 7, 1);
x[1][1]=new Date(1985, 4, 1);
x[1][2]=new Date(1989, 7, 1);
x[2][1]=new Date(1982, 4, 1);
x[2][2]=new Date(1983, 7, 1);
 
 
        dataTable.addColumn({ type: 'string', id: '番組' });
        dataTable.addColumn({ type: 'date', id: 'Start' });
        dataTable.addColumn({ type: 'date', id: 'End' });
        dataTable.addRows(x);
 
        chart.draw(dataTable);
      }
    </script>
  </head>
  <body>
    <div id="timeline" style="height: 180px;"></div>
  </body>
</html>