doku8 - 経済統計練習帳

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="timeline" 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]="山";
x[1][0]="犬";
x[2][0]="猫";
x[0][1]=new Date(1789, 3, 30);
x[0][2]=new Date(1790, 3, 30);
x[1][1]=new Date(1790, 3, 30);
x[1][2]=new Date(1791, 3, 30);
x[2][1]=new Date(1789, 3, 30);
x[2][2]=new Date(1792, 3, 30);
 
        var container = document.getElementById('timeline');
        var chart = new google.visualization.Timeline(container);
        var dataTable = new google.visualization.DataTable();
 
        dataTable.addColumn({ type: 'string', id: 'President' });
        dataTable.addColumn({ type: 'date', id: 'Start' });
        dataTable.addColumn({ type: 'date', id: 'End' });
        dataTable.addRows(x);
        chart.draw(dataTable);
 
 
}