Timeline Example with milliseconds

An example of a Google Timeline.

by Douglas Duhaime

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['timeline']}]}"></script>
       <div id="timeline" style="width: 900px; height: 180px;"></div>

JavaScript

google.setOnLoadCallback(drawChart);

      function drawChart() {
        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: 'number', id: 'Start' });
        dataTable.addColumn({ type: 'number', id: 'End' });
        dataTable.addRows([
          [ 'Washington', 5000 , 9000 ],
          [ 'Adams',      10000,  12000 ],
          [ 'Jefferson',  1000,  7000 ]]);

        chart.draw(dataTable);
      }