<!doctype html>
<html>
<head>
<script src="//cdn.anychart.com/js/7.4.0/anychart.min.js"></script>
<style>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
anychart.onDocumentReady(function(){
//create data tree on our data
var treeData = anychart.data.tree(getData(), anychart.enums.TreeFillingMethod.AS_TABLE);
//create project gantt chart
chart = anychart.ganttProject();
//create anychart UI toolbar
var toolbar = anychart.ganttToolbar();
//set container id for the toolbar
toolbar.container('container');
//set target for the toolbar
toolbar.target(chart);
//initiate drawing
toolbar.draw();
//set container id for the chart
chart.container('container');
//set data for the chart
chart.data(treeData);
//set start splitter position settings
chart.splitterPosition(370);
//get chart data grid link to set column settings
var dataGrid = chart.dataGrid();
//set first column settings
var firstColumn = dataGrid.column(0);
firstColumn.title('#');
firstColumn.width(30);
firstColumn.cellTextSettings().hAlign('center');
//set second column settings
var secondColumn = dataGrid.column(1);
secondColumn.cellTextSettings().hAlign('left');
secondColumn.width(180);
//set third column settings
var thirdColumn = dataGrid.column(2);
thirdColumn.title('Start Time');
thirdColumn.width(70);
thirdColumn.cellTextSettings().hAlign('right');
thirdColumn.textFormatter(function(item) {
var date = new Date(item.get('actualStart'));
var month = date.getMonth();
var strMonth = (month > 9) ? month : '0' + month;
return date.getFullYear() + '.' + strMonth + '.' + date.getDay();
});
//set fourth column settings
var fourthColumn = dataGrid.column(3);
fourthColumn.title('End Time');
fourthColumn.width(80);
fourthColumn.cellTextSettings().hAlign('right');
fourthColumn.textFormatter(function(item) {
var date = new Date(item.get('actualEnd'));
var month = date.getMonth();
var strMonth = (month > 9) ? month : '0' + month;
return date.getFullYear() + '.' + strMonth + '.' + date.getDay();
});
//initiate chart drawing
chart.draw();
//zoom chart to specified date
chart.zoomTo(951350400000, 954201600000);
});
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": "FinishStart"},
{"id": "4", "name": "Identify available skills, information and support", parent:"2", "progressValue": "0%", "actualStart": 951494400000, "actualEnd": 951526800000, "connectTo": "5", "connectorType": "FinishStart"},
{"id": "5", "name": "Decide whether to proceed", parent:"2", "progressValue": "0%", "actualStart": 951753600000, "actualEnd": 951786000000, "connectTo": "7", "connectorType": "FinishStart"},
{"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": "FinishStart"},
{"id": "8", "name": "Interview owners of similar businesses", parent:"6", "progressValue": "60%", "actualStart": 951868800000, "actualEnd": 952473600000, "connectTo": "9", "connectorType": "FinishStart"},
{"id": "9", "name": "Identify needed resources", parent:"6", "progressValue": "0%", "actualStart": 952531200000, "actualEnd": 952650000000, "connectTo": "10", "connectorType": "FinishStart"},
{"id": "10", "name": "Identify operating cost elements", parent:"6", "progressValue": "0%", "actualStart": 952704000000, "actualEnd": 952995600000, "connectTo": "12", "connectorType": "FinishStart"},
{"id": "11", "name": "Evaluate Business Approach", parent:"1", "progressValue": "0%", "actualStart": 953049600000, "actualEnd": 953341200000},
{"id": "12", "name": "Define new entity requirements", parent:"11", "progressValue": "0%", "actualStart": 953049600000, "actualEnd": 953082000000, "connectTo": "17", "connectorType": "FinishStart"},
{"id": "13", "name": "Identify on-going business purchase opportunities", parent:"11", "progressValue": "0%", "actualStart": 953136000000, "actualEnd": 953168400000, "connectTo": "14", "connectorType": "FinishStart"},
{"id": "14", "name": "Research franchise possibilities", parent:"11", "progressValue": "0%", "actualStart": 953222400000, "actualEnd": 953254800000, "connectTo": "15", "connectorType": "FinishStart"},
{"id": "15", "name": "Summarize business approach", parent:"11", "progressValue": "0%", "actualStart": 953308800000, "actualEnd": 953341200000, "connectTo": "21", "connectorType": "FinishStart"},
{"id": "16", "name": "Evaluate Potential Risks and Rewards", parent:"1", "progressValue": "0%", "actualStart": 953136000000, "actualEnd": 953946000000},
{"id": "17", "name": "Assess market size and stability", parent:"16", "progressValue": "0%", "actualStart": 953136000000, "actualEnd": 953254800000, "connectTo": "18", "connectorType": "FinishStart"},
{"id": "18", "name": "Estimate the competition", parent:"16", "progressValue": "0%", "actualStart": 953308800000, "actualEnd": 953341200000, "connectTo": "19", "connectorType": "FinishStart"},
{"id": "19", "name": "Assess needed resource availability", parent:"16", "progressValue": "0%", "actualStart": 953740800000, "actualEnd": 953859600000, "connectTo": "20", "connectorType": "FinishStart"},
{"id": "20", "name": "Evaluate realistic initial market share", parent:"16", "progressValue": "0%", "actualStart": 953913600000, "actualEnd": 953946000000},
{"id": "21", "name": "Determine financial requirements", parent:"16", "progressValue": "0%", "actualStart": 953568000000, "actualEnd": 953686800000, "connectTo": "22", "connectorType": "FinishStart"},
{"id": "22", "name": "Review personal suitability", parent:"16", "progressValue": "0%", "actualStart": 953740800000, "actualEnd": 953773200000, "connectTo": "23", "connectorType": "FinishStart"},
{"id": "23", "name": "Evaluate initial profitability", parent:"16", "progressValue": "0%", "actualStart": 953827200000, "actualEnd": 953859600000, "connectTo": "24", "connectorType": "FinishStart"},
{"id": "24", "name": "Review and modify the strategic plan", parent:"1", "progressValue": "0%", "actualStart": 953913600000, "actualEnd": 954208800000, "connectTo": "25", "connectorType": "FinishStart"},
{"id": "25", "name": "Confirm decision to proceed", parent:"1", "progressValue": "0%", "actualStart": 954208800000, "actualEnd": 954208800000, "connectTo": "28", "connectorType": "FinishStart"},
{"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": "StartStart"},
{"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": "FinishStart"},
{"id": "31", "name": "Identify competition", parent:"27", "progressValue": "60%", "actualStart": 955065600000, "actualEnd": 955411200000, "connectTo": "32", "connectorType": "FinishStart"},
{"id": "32", "name": "Summarize the market", parent:"27", "progressValue": "0%", "actualStart": 955472400000, "actualEnd": 955591200000, "connectTo": "33", "connectorType": "FinishStart"},
{"id": "33", "name": "Identify target market niche", parent:"27", "progressValue": "0%", "actualStart": 955645200000, "actualEnd": 955677600000, "connectTo": "35", "connectorType": "StartStart"},
{"id": "34", "name": "Identify Needed Materials and Supplies", parent:"26", "progressValue": "0%", "actualStart": 955645200000, "actualEnd": 956368800000},
{"id": "35", "name": "Select a business approach (from 'Evaluate Business Approach' above)", parent:"34", "progressValue": "0%", "actualStart": 955645200000, "actualEnd": 955764000000, "connectTo": "36", "connectorType": "FinishStart"},
{"id": "36", "name": "Identify management staff resources", parent:"34", "progressValue": "0%", "actualStart": 955990800000, "actualEnd": 956023200000, "connectTo": "37", "connectorType": "FinishStart"},
{"id": "37", "name": "Identify staffing requirements", parent:"34", "progressValue": "0%", "actualStart": 956077200000, "actualEnd": 956109600000, "connectTo": "38", "connectorType": "FinishStart"},
{"id": "38", "name": "Identify needed raw materials", parent:"34", "progressValue": "0%", "actualStart": 956163600000, "actualEnd": 956196000000, "connectTo": "39", "connectorType": "FinishStart"},
{"id": "39", "name": "Identify needed utilities", parent:"34", "progressValue": "0%", "actualStart": 956250000000, "actualEnd": 956282400000, "connectTo": "40", "connectorType": "FinishStart"},
{"id": "40", "name": "Summarize operating expenses and financial projections", parent:"34", "progressValue": "0%", "actualStart": 956336400000, "actualEnd": 956368800000, "connectTo": "42", "connectorType": "FinishStart"},
{"id": "41", "name": "Evaluate Potential Risks and Rewards", parent:"26", "progressValue": "17%", "actualStart": 956534400000, "actualEnd": 957225600000},
{"id": "42", "name": "Assess market size and stability", parent:"41", "progressValue": "50%", "actualStart": 956534400000, "actualEnd": 956707200000, "connectTo": "43", "connectorType": "FinishStart"},
{"id": "43", "name": "Assess needed resources availability", parent:"41", "progressValue": "0%", "actualStart": 956768400000, "actualEnd": 956887200000, "connectTo": "44", "connectorType": "FinishStart"},
{"id": "44", "name": "Forecast financial returns", parent:"41", "progressValue": "0%", "actualStart": 956941200000, "actualEnd": 957232800000, "connectTo": "45", "connectorType": "FinishStart"},
{"id": "45", "name": "Review and modify the business opportunity", parent:"26", "progressValue": "0%", "actualStart": 957286800000, "actualEnd": 957319200000, "connectTo": "46", "connectorType": "FinishStart"},
{"id": "46", "name": "Confirm decision to proceed", parent:"26", "progressValue": "0%", "actualStart": 957319200000, "actualEnd": 957319200000, "connectTo": "49", "connectorType": "FinishStart"},
{"id": "47", "name": "Phase 3 - Plan for Action", "progressValue": "17%", "actualStart": 957312000000, "actualEnd": 959817600000},
{"id": "48", "name": "Develop Detailed 5-Year Business Plan", parent:"47", "progressValue": "17%", "actualStart": 957312000000, "actualEnd": 959817600000},
{"id": "49", "name": "Describe the vision and opportunity", parent:"48", "progressValue": "0%", "actualStart": 957373200000, "actualEnd": 957405600000, "connectTo": "50", "connectorType": "FinishStart"},
{"id": "50", "name": "List assumptions", parent:"48", "progressValue": "0%", "actualStart": 957459600000, "actualEnd": 957492000000, "connectTo": "51", "connectorType": "FinishStart"},
{"id": "51", "name": "Describe the market", parent:"48", "progressValue": "0%", "actualStart": 957546000000, "actualEnd": 957578400000, "connectTo": "52", "connectorType": "FinishStart"},
{"id": "52", "name": "Describe the new business", parent:"48", "progressValue": "0%", "actualStart": 957805200000, "actualEnd": 957837600000, "connectTo": "53", "connectorType": "FinishStart"},
{"id": "53", "name": "Describe strengths, weaknesses, assets and threats", parent:"48", "progressValue": "0%", "actualStart": 957891600000, "actualEnd": 957924000000, "connectTo": "54", "connectorType": "FinishStart"},
{"id": "54", "name": "Estimate sales volume during startup period", parent:"48", "progressValue": "0%", "actualStart": 957978000000, "actualEnd": 958010400000, "connectTo": "55", "connectorType": "FinishStart"},
{"id": "55", "name": "Forecast operating costs", parent:"48", "progressValue": "0%", "actualStart": 958064400000, "actualEnd": 958096800000, "connectTo": "56", "connectorType": "FinishStart"},
{"id": "56", "name": "Establish pricing strategy", parent:"48", "progressValue": "0%", "actualStart": 958150800000, "actualEnd": 958183200000, "connectTo": "57", "connectorType": "FinishStart"},
{"id": "57", "name": "Forecast revenue", parent:"48", "progressValue": "0%", "actualStart": 958410000000, "actualEnd": 958442400000, "connectTo": "58", "connectorType": "FinishStart"},
{"id": "58", "name": "X", parent:"48", "progressValue": "0%", "actualStart": 958496400000, "actualEnd": 958615200000, "connectTo": "59", "connectorType": "FinishStart"},
{"id": "59", "name": "Develop break-even analysis", parent:"48", "progressValue": "0%", "actualStart": 958669200000, "actualEnd": 958701600000, "connectTo": "60", "connectorType": "FinishStart"},
{"id": "60", "name": "Develop cash-flow projection", parent:"48", "progressValue": "0%", "actualStart": 958755600000, "actualEnd": 958788000000, "connectTo": "61", "connectorType": "FinishStart"},
{"id": "61", "name": "Identify licensing and permitting requirements", parent:"48", "progressValue": "0%", "actualStart": 959014800000, "actualEnd": 959047200000, "connectTo": "62", "connectorType": "FinishStart"},
{"id": "62", "name": "Develop startup plan", parent:"48", "progressValue": "100%", "actualStart": 959101200000, "actualEnd": 959220000000, "connectTo": "63", "connectorType": "FinishStart"},
{"id": "63", "name": "Develop sales and marketing strategy", parent:"48", "progressValue": "0%", "actualStart": 959274000000, "actualEnd": 959306400000, "connectTo": "64", "connectorType": "FinishStart"},
{"id": "64", "name": "Develop distribution structure", parent:"48", "progressValue": "0%", "actualStart": 959360400000, "actualEnd": 959392800000, "connectTo": "65", "connectorType": "FinishStart"},
{"id": "65", "name": "Describe risks and opportunities", parent:"48", "progressValue": "20%", "actualStart": 959558400000, "actualEnd": 959731200000, "connectTo": "66", "connectorType": "FinishStart"},
{"id": "66", "name": "Publish the business plan", parent:"48", "progressValue": "0%", "actualStart": 959792400000, "actualEnd": 959824800000, "connectTo": "67", "connectorType": "FinishStart"},
{"id": "67", "name": "Confirm decision to proceed", parent:"48", "progressValue": "0%", "actualStart": 959824800000, "actualEnd": 959824800000, "connectTo": "69", "connectorType": "FinishStart"},
{"id": "68", "name": "Phase 4 - Proceed With Startup Plan", "progressValue": "24%", "actualStart": 959817600000, "actualEnd": 967075200000},
{"id": "69", "name": "Choose a location", parent:"68", "progressValue": "36%", "actualStart": 959817600000, "actualEnd": 959904000000, "connectTo": "72", "connectorType": "FinishStart"},
{"id": "70", "name": "Establish Business Structure", parent:"68", "progressValue": "14%", "actualStart": 959904000000, "actualEnd": 963273600000},
{"id": "71", "name": "Choose a Name", parent:"70", "progressValue": "33%", "actualStart": 959904000000, "actualEnd": 960249600000},
{"id": "72", "name": "Identify implications", parent:"71", "progressValue": "40%", "actualStart": 959904000000, "actualEnd": 959990400000, "connectTo": "73", "connectorType": "FinishStart"},
{"id": "73", "name": "Research name availability", parent:"71", "progressValue": "0%", "actualStart": 960224400000, "actualEnd": 960256800000, "connectTo": "87", "connectorType": "StartStart"},
{"id": "74", "name": "Choose a Bank", parent:"70", "progressValue": "0%", "actualStart": 960310800000, "actualEnd": 960861600000},
{"id": "75", "name": "Establish accounts", parent:"74", "progressValue": "0%", "actualStart": 960310800000, "actualEnd": 960602400000, "connectTo": "77", "connectorType": "StartStart"},
{"id": "76", "name": "Establish line of credit", parent:"74", "progressValue": "0%", "actualStart": 960829200000, "actualEnd": 960861600000, "connectTo": "77", "connectorType": "StartStart"},
{"id": "77", "name": "Choose legal representation", parent:"70", "progressValue": "0%", "actualStart": 960829200000, "actualEnd": 960861600000, "connectTo": "78", "connectorType": "FinishStart"},
{"id": "78", "name": "Select business tax-basis category", parent:"70", "progressValue": "0%", "actualStart": 960915600000, "actualEnd": 961034400000, "connectTo": "79", "connectorType": "FinishStart"},
{"id": "79", "name": "Choose capital funding source", parent:"70", "progressValue": "0%", "actualStart": 961088400000, "actualEnd": 961207200000, "connectTo": "98", "connectorType": "FinishStart"},
{"id": "80", "name": "Commit capital funding", parent:"70", "progressValue": "0%", "actualStart": 961207200000, "actualEnd": 961207200000, "connectTo": "82", "connectorType": "FinishStart"},
{"id": "81", "name": "Establish the Operating Control Base", parent:"70", "progressValue": "19%", "actualStart": 961372800000, "actualEnd": 963273600000},
{"id": "82", "name": "Choose and set up the accounting system", parent:"81", "progressValue": "0%", "actualStart": 961434000000, "actualEnd": 961552800000, "connectTo": "83", "connectorType": "FinishStart"},
{"id": "83", "name": "Obtain required licenses and permits", parent:"81", "progressValue": "38%", "actualStart": 961545600000, "actualEnd": 962409600000, "connectTo": "84", "connectorType": "FinishStart"},
{"id": "84", "name": "Obtain needed insurance", parent:"81", "progressValue": "0%", "actualStart": 962643600000, "actualEnd": 962935200000, "connectTo": "85", "connectorType": "FinishStart"},
{"id": "85", "name": "Establish security plan", parent:"81", "progressValue": "0%", "actualStart": 962989200000, "actualEnd": 963280800000, "connectTo": "91", "connectorType": "FinishStart"},
{"id": "86", "name": "Develop Marketing Program", parent:"70", "progressValue": "0%", "actualStart": 960224400000, "actualEnd": 960516000000},
{"id": "87", "name": "Establish an advertising program", parent:"86", "progressValue": "0%", "actualStart": 960224400000, "actualEnd": 960343200000, "connectTo": "88", "connectorType": "FinishStart"},
{"id": "88", "name": "Develop a logo", parent:"86", "progressValue": "0%", "actualStart": 960397200000, "actualEnd": 960429600000, "connectTo": "89", "connectorType": "FinishStart"},
{"id": "89", "name": "Order promotional materials", parent:"86", "progressValue": "0%", "actualStart": 960483600000, "actualEnd": 960516000000, "connectTo": "91", "connectorType": "FinishStart"},
{"id": "90", "name": "Provide Physical Facilities", parent:"68", "progressValue": "16%", "actualStart": 963273600000, "actualEnd": 967075200000},
{"id": "91", "name": "Secure operation space", parent:"90", "progressValue": "0%", "actualStart": 963334800000, "actualEnd": 963885600000, "connectTo": "92", "connectorType": "FinishStart"},
{"id": "92", "name": "Select computer network hardware", parent:"90", "progressValue": "100%", "actualStart": 963939600000, "actualEnd": 963972000000, "connectTo": "93", "connectorType": "FinishStart"},
{"id": "93", "name": "Select computer software", parent:"90", "progressValue": "0%", "actualStart": 964026000000, "actualEnd": 964058400000, "connectTo": "94", "connectorType": "FinishStart"},
{"id": "94", "name": "Establish utilities", parent:"90", "progressValue": "67%", "actualStart": 964137600000, "actualEnd": 964569600000, "connectTo": "95", "connectorType": "FinishStart"},
{"id": "95", "name": "Provide furniture and equipment", parent:"90", "progressValue": "15%", "actualStart": 964569600000, "actualEnd": 965088000000, "connectTo": "96", "connectorType": "FinishStart"},
{"id": "96", "name": "Move in", parent:"90", "progressValue": "13%", "actualStart": 966988800000, "actualEnd": 967075200000},
{"id": "97", "name": "Provide Staffing", parent:"68", "progressValue": "30%", "actualStart": 961372800000, "actualEnd": 966988800000},
{"id": "98", "name": "Interview and test candidates", parent:"97", "progressValue": "43%", "actualStart": 961372800000, "actualEnd": 962928000000, "connectTo": "99", "connectorType": "FinishStart"},
{"id": "99", "name": "Hire staff", parent:"97", "progressValue": "10%", "actualStart": 962928000000, "actualEnd": 964137600000, "connectTo": "100", "connectorType": "FinishStart"},
{"id": "100", "name": "Train staff", parent:"97", "progressValue": "31%", "actualStart": 965088000000, "actualEnd": 966988800000},
{"id": "102", "name": "Mau & Ago business", parent:"97", "progressValue": "40%", "actualStart": 951350400000, "actualEnd": 951955200000}
];
}
</script>
</body>
</html>