Gantt Chart

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', { 'packages': ['gantt'] });
google.charts.setOnLoadCallback(drawChart);

function daysToMilliseconds(days) {
  return days * 24 * 60 * 60 * 1000;
}

function drawChart() {
  // 123123123123 is the id that should be variable
  $.getJSON('/api/stories/stats/gantt/123123123123', function(jsonData) {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'Task ID');
    data.addColumn('string', 'Task Name');
    data.addColumn('string', 'Resource');
    data.addColumn('date', 'Start Date');
    data.addColumn('date', 'End Date');
    data.addColumn('number', 'Duration');
    data.addColumn('number', 'Percent Complete');
    data.addColumn('string', 'Dependencies');
    data.addColumn('string', 'Version');
    var outputArray = [];
    jsonData.forEach(function(elem) {
      var i = 0;
      outputArray.push([elem[i++], elem[i++], elem[i++], new Date(elem[i++]), new Date(elem[i++]), elem[i++], elem[i++], elem[i++], elem[i++]]);
    });

    data.addRows(outputArray);

    var options = {
      height: 800,
      gantt: {
        trackHeight: 35
      }
    };

    var chart = new google.visualization.Gantt(document.getElementById('chart_div'));
    chart.draw(data, options);
  });
}
</script>
<div id="chart_div"></div>