timeline2

by dubis

HTML

<div id="timeline"></div>

JavaScript

google.charts.load('current', {
  packages:['timeline']
}).then(function () {
  // get ss data
  var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1zswd0w7nYC1zFsqxM0edK8Wji9YCBPPcHc1gPplD5rQ/edit#gid=0&range=D2:D21');
  query.send(function (response) {
    // build data table - ss
    var dataSS = response.getDataTable();
    //System.out.println(dataSS);}

      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: 'Context'
        });
        dataTable.addColumn({
          type: 'date',
          id: 'Start'
        });
        dataTable.addColumn({
          type: 'date',
          id: 'End'
        });
		
		dataTable.addRow([
        dataSS
      ]);
	        

       chart.draw(dataTable);
      }