How to include max date in timeline graph

17 views

Skip to first unread message

Avichal Gupta

unread,

Jul 12, 2018, 8:52:01 AM7/12/18

to Google Visualization API

<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('example3.1');
    var chart = new google.visualization.Timeline(container);
    var dataTable = new google.visualization.DataTable();
    dataTable.addColumn({ type: 'string', id: 'Position' });
    dataTable.addColumn({ type: 'string', id: 'Name' });
    dataTable.addColumn({ type: 'date', id: 'Start' });
    dataTable.addColumn({ type: 'date', id: 'End' });
    dataTable.addRows([
      [ 'Month', 'October', new Date(2018, 10, 01), new Date(2018, 10, 31) ],
      [ 'Month', 'October', new Date(2018, 11, 01), new Date(2018, 11, 30) ],
[ 'Month', 'October', new Date(2018, 12, 01), new Date(2018, 12, 31) ],

    ]);

    chart.draw(dataTable);
  }
</script>

<div id="example3.1" style="height: 200px;"></div>