-
Notifications
You must be signed in to change notification settings - Fork 4
/
Simple_Gantt_Project.html
66 lines (64 loc) · 4.73 KB
/
Simple_Gantt_Project.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en" ng-app="MyApp">
<head>
<meta charset="UTF-8">
<title>Anychart AngularJS plugin demo.</title>
<script src="../node_modules/angular/angular.min.js"></script>
<script src="../node_modules/anychart/dist/js/anychart-base.min.js"></script>
<script src="../node_modules/anychart/dist/js/anychart-gantt.min.js"></script>
<script src="../node_modules/anychart/dist/js/anychart-ui.min.js"></script>
<script src="../node_modules/anychart/dist/js/anychart-exports.min.js"></script>
<script src="../dist/anychart-angularjs.min.js"></script>
<link rel="stylesheet" href="../node_modules/anychart/dist/css/anychart-ui.min.css">
<link rel="stylesheet" href="../node_modules/anychart/dist/fonts/css/anychart-font.min.css">
<style>
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script>
(function(){
'use strict';
function getData() {
return [
{id: "1", name: "Phase 1 - Strategic Plan", progressValue: "14%", actualStart: 951350400000, actualEnd: 954201600000},
{id: "2", name: "Self-Assessment", parent: "1", progressValue: "25%", actualStart: 951350400000, actualEnd: 951955200000},
{id: "3", name: "Define business vision", parent: "2", progressValue: "0%", actualStart: 951408000000, actualEnd: 951440400000, connectTo: "4", connectorType: "finish-start"},
{id: "4", name: "Identify available skills, information and support", parent: "2", progressValue: "0%", actualStart: 951494400000, actualEnd: 951526800000, connectTo: "5", connectorType: "finish-start"},
{id: "5", name: "Decide whether to proceed", parent: "2", progressValue: "0%", actualStart: 951753600000, actualEnd: 951786000000, connectTo: "7", connectorType: "finish-start"},
{id: "6", name: "Define the Opportunity", parent: "1", progressValue: "27%", actualStart: 951782400000, actualEnd: 952992000000},
{id: "7", name: "Research the market and competition", parent: "6", progressValue: "0%", actualStart: 951840000000, actualEnd: 951872400000, connectTo: "8", connectorType: "finish-start"},
{id: "8", name: "Interview owners of similar businesses", parent: "6", progressValue: "60%", actualStart: 951868800000, actualEnd: 952473600000, connectTo: "9", connectorType: "finish-start"},
{id: "9", name: "Identify needed resources", parent: "6", progressValue: "0%", actualStart: 952531200000, actualEnd: 952650000000, connectTo: "10", connectorType: "finish-start"},
{id: "10", name: "Identify operating cost elements", parent: "6", progressValue: "0%", actualStart: 952704000000, actualEnd: 952995600000},
{id: "26", name: "Phase 2 - Define the Business Opportunity", progressValue: "19%", actualStart: 954201600000, actualEnd: 957312000000},
{id: "27", name: "Define the Market", parent: "26", progressValue: "28%", actualStart: 954201600000, actualEnd: 955670400000},
{id: "28", name: "Access available information", parent: "27", progressValue: "0%", actualStart: 954262800000, actualEnd: 954295200000, connectTo: "35", connectorType: "start-start"},
{id: "29", name: "Create market analysis plan", parent: "27", progressValue: "0%", actualStart: 954349200000, actualEnd: 954468000000},
{id: "30", name: "Implement market analysis plan", parent: "27", progressValue: "40%", actualStart: 954460800000, actualEnd: 955065600000, connectTo: "31", connectorType: "finish-start"},
{id: "31", name: "Identify competition", parent: "27", progressValue: "60%", actualStart: 955065600000, actualEnd: 955411200000, connectTo: "32", connectorType: "finish-start"},
{id: "32", name: "Summarize the market", parent: "27", progressValue: "0%", actualStart: 955472400000, actualEnd: 955591200000, connectTo: "33", connectorType: "finish-start"},
{id: "33", name: "Identify target market niche", parent: "27", progressValue: "0%", actualStart: 955645200000, actualEnd: 955677600000}
];
}
angular
.module('MyApp', ['anychart-angularjs'])
.controller('MyCtrl', ['$scope', function($scope) {
$scope.myData = anychart.data.tree(getData(), 'as-table')
}]);
})();
</script>
</head>
<body ng-controller="MyCtrl">
<div
anygantt
ac-type="ganttProject"
ac-data="myData"
ac-splitter-position="225"
style="width: 100%; height: 100%">
</div>
</body>
</html>