49 lines
1.4 KiB
HTML
49 lines
1.4 KiB
HTML
<html>
|
|
<head>
|
|
<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 drawChart() {
|
|
|
|
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.addRows([
|
|
{% for job in test3 %}
|
|
['{{ job[0].name }}','{{ job[0].name }}','{{ job[0].name.split(' ')[4][:3] }}', new Date("{{ job[1].getStartTime() }}"),new Date("{{ job[1].getEndTime() }}"),null,100,'{{ job[0].printParent(test3) }}'],
|
|
{% endfor %}
|
|
]);
|
|
|
|
var paddingHeight = 50;
|
|
|
|
var rowHeight = data.getNumberOfRows() * 25;
|
|
|
|
var chartHeight = rowHeight + paddingHeight;
|
|
var options = {
|
|
height: chartHeight,
|
|
gantt: {
|
|
sortTasks: true,
|
|
trackHeight: 30
|
|
}
|
|
};
|
|
|
|
var chart = new google.visualization.Gantt(document.getElementById('chart_div'));
|
|
|
|
chart.draw(data, options);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="chart_div"></div>
|
|
</body>
|
|
</html>
|