JavaScript
google.setOnLoadCallback(drawChart);
$(window).on("throttledresize", function (event) {
drawChart();
});
function drawChart() {
var container = document.getElementById('visualization');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({
type: 'string',
id: 'Term'
});
dataTable.addColumn({
type: 'string',
id: 'Name'
});
dataTable.addColumn({
type: 'date',
id: 'Start'
});
dataTable.addColumn({
type: 'date',
id: 'End'
});
dataTable.addRows([
['1', 'George Washington', new Date(1789, 3, 29), new Date(1797, 2, 3)],
['2', 'John Adams', new Date(1797, 2, 3), new Date(1801, 2, 3)],
['1', 'George Washington', new Date(1789, 3, 29), new Date(1797, 2, 3)],
['2', 'John Adams', new Date(1797, 2, 3), new Date(1801, 2, 3)],
['1', 'George Washington', new Date(1789, 3, 29), new Date(1797, 2, 3)],
['2', 'John Adams', new Date(1797, 2, 3), new Date(1801, 2, 3)],
['1', 'George Washington', new Date(1789, 3, 29), new Date(1797, 2, 3)],
['2', 'John Adams', new Date(1797, 2, 3), new Date(1801, 2, 3)],
['1', 'George Washington', new Date(1789, 3, 29), new Date(1797, 2, 3)],
['2', 'John Adams', new Date(1797, 2, 3), new Date(1801, 2, 3)],
['1', 'George Washington', new Date(1789, 3, 29), new Date(1797, 2, 3)],
['2', 'John Adams', new Date(1797, 2, 3), new Date(1801, 2, 3)],
['1', 'George Washington', new Date(1789, 3, 29), new Date(1797, 2, 3)],
['2', 'John Adams', new Date(1797, 2, 3), new Date(1801, 2, 3)],
['1', 'George Washington', new Date(1789, 3, 29), new Date(1797, 2, 3)],
['2', 'John Adams', new Date(1797, 2, 3), new Date(1801, 2, 3)],
['1', 'George Washington', new Date(1789, 3, 29), new Date(1797, 2, 3)],
['2', 'John Adams', new...