Google Timeline for Project Milestones

[Abdul Javeed]

Im using google timelines for as project timeline with milestones. How to get the specific milestone to show more details about it: such as....specific milestone end date and detailed milestone goals? Below is my html....thanks

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization',

       'version':'1','packages':['timeline']}]}"></script>

<script type="text/javascript">

google.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([

    [ 'Release 1',          'Milestone 1', new Date(2014, 11, 01), new Date(2014, 11, 30)],

    [ 'Release 1',          'Milestone 2',        new Date(2014, 12, 01),  new Date(2014, 12, 30)],

    [ 'Release 1',          'Milestone 3',  new Date(2015, 01, 01),  new Date(2015, 01, 30)],

    [ 'Release 2',     'Milestone 1',        new Date(2015, 2, 01), new Date(2015, 2, 30)],

    [ 'Release 2',     'Milestone 2',  new Date(2015, 3, 01),  new Date(2015, 3, 30)],

    [ 'Release 2',     'Milestone 3',        new Date(2015, 4, 01),  new Date(2015, 4, 30)],

     [ 'Release 3', 'Milestone 1',          new Date(2015, 5, 01), new Date(2015, 5, 30)],

    [ 'Release 3', 'Milestone 2',  new Date(2015, 6, 01), new Date(2015, 6, 30)],

     [ 'Release 3', 'Milestone 3',     new Date(2015, 7, 01),  new Date(2015, 7, 30)]]);

  chart.draw(dataTable);

}

</script>

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

[Abdul Javeed]

This information can be showed in a pop up window when clicking the milestone. Thanks

[Andrew Gallant]

Tooltips on the Timeline chart are not yet customizable, so you would have to implement your own solution for this.  Here's some code to get you started: http://jsfiddle.net/asgallant/t5wj394u/1/