View source
<!doctype>
<html>
<head>
<title>OrgChart test</title>
<script language="javascript" type="text/javascript" src="orgchart.js"></script>
<style>
canvas { border: 1px solid #000; }
</style>
</head>
<body>
<p><canvas id="canvas1"></canvas></p>
<script>
var o;
o = new orgChart();
o.setSize(130, 70, 60, 30, 50);
o.addNode('1', '', 'l', '1: ROOT', 1, 'orgchart:addNode:8|1|u|8: - UNDER 8');
o.addNode('4', '1', 'u', '4: - UNDER 1', 1);
o.addNode('5', '1', 'u', '5: - UNDER 2', 1);
o.addNode('6', '1', 'u', '6: - UNDER 3', 1);
o.addNode('7', '1', 'u', '7: - UNDER 7', 1);
o.addNode('11', '1', 'r', '11: - RIGHT', 1);
o.addNode('12', '11', 'u', '12: - RIGHT - UNDER 1', 1);
o.addNode('13', '11', 'u', '13: - RIGHT - UNDER 2', 1);
o.addNode('17', '12', 'u', '17: UNDER 1', 1);
o.addNode('18', '12', 'u', '18: UNDER 2', 1);
o.addNode('19', '12', 'u', '19: UNDER 3', 1);
o.addNode('20', '1', 'l', '20: - LEFT', 1);
o.addNode('21', '20', 'u', '21: - LEFT - UNDER', 1);
o.drawChart('canvas1');
</script>
<p><canvas id="canvas2"></canvas></p>
<script>
o = new orgChart();
o.setColor('#000000', '#888888', '#000000', '#ff8800');
o.addNode('R0', '', 'u', 'R0', 1);
o.addNode('', 'R0', 'u', 'R1', 1);
o.addNode('', 'R1', 'u', 'R1.1', 1);
o.addNode('', 'R1', 'u', 'R1.2', 1);
o.addNode('', 'R1.2', 'u', 'R1.2.1', 1);
o.addNode('', 'R1.2', 'u', 'R1.2.2', 1);
o.addNode('', 'R0', 'u', 'R2', 1);
o.setColor('#ff8800', '#ffffff', '#000000');
o.addNode('', 'R1.2.1', 'r', 'Alice');
o.addNode('', 'R1.2.2', 'r', 'Bob');
o.addNode('', 'R2', 'r', 'Frank'); // use 'u' instead of 'r' will render without crossing
//o.addNode('', 'R2', 'r', 'Carol');
//o.addNode('', 'R2', 'r', 'Dave');
o.drawChart('canvas2');
</script>
<p><canvas id="canvas3"></canvas></p>
<script>
o = new orgChart();
o.setSize(120, 30);
o.setFont('Arial', 18);
o.addNode( 0, '', '', 'Node 0', 1, 'http://www.google.nl');
o.setFont('Arial', 12);
o.addNode(10, 0, 'l', 'Node 10');
o.addNode(11, 0, 'l', 'Node 11');
o.setColors('#99CC99', '#000000', '#CCFFCC', '#ff0000');
o.addNode(12, 0, 'r', 'Node 12');
o.addNode(13, 12, 'r', 'Node 13');
o.addNode(14, 12, 'r', 'Node 14');
o.addNode(15, 12, 'r', 'Node 15');
o.addNode(115, 15, 'u', 'Node 115');
o.addNode(215, 15, 'u', 'Node 215');
o.addNode(16, 12, 'r', 'Node 16');
o.setFont('Arial', 18);
o.setColor('#CCCC66', '#FFFF99');
o.setFont('Arial', 18);
o.addNode(20, 0, 'u', 'Node 20', 1);
o.setFont('Arial', 12);
o.addNode(21, 20, 'r', 'Node 21');
o.addNode(22, 20, 'r', 'Node 22');
o.addNode(23, 20, 'l', 'Node 23');
o.addNode(24, 20, 'l', 'Node 24');
o.addNode(25, 20, 'l', 'Node 25');
o.setColor('#CC4950', '#FF7C80');
o.setFont('Arial', 18);
o.addNode(30, 0, 'u', 'Node 30', 1);
o.setFont('Arial', 12);
o.addNode(31, 30, 'l', 'Node 31');
//o.addNode(421, 31, 'l', 'Node 421');
//o.addNode(422, 421, 'l', 'Node422');
o.addNode(32, 30, 'l', 'Node 32');
o.addNode(33, 30, 'l', 'Node 33');
o.addNode(34, 33, 'l', 'Node 34');
o.addNode(35, 33, 'l', 'Node 35');
o.addNode(36, 33, 'r', 'Node 36');
o.addNode(37, 33, 'u', 'Node 37');
o.addNode(38, 30, 'l', 'Node 38');
o.setColor('#CC9966', '#FFCC99');
o.setFont('Arial', 18);
o.addNode(40, 0, 'u', 'Node 40', 1);
o.setFont('Arial', 12);
o.addNode(542, 42, 'l', 'Node 542');
o.addNode(41, 40, 'l', 'Node 41');
o.addNode(141, 41, 'u', 'Node 141');
o.addNode(142, 41, 'u', 'Node 142');
o.addNode(143, 41, 'u', 'Node 143');
o.addNode(841, 40, 'l', 'Node 841');
o.addNode(42, 40, 'l', 'Node 42');
o.addNode(242, 142, 'l', 'Node 242');
o.addNode(342, 242, 'u', 'Node 342');
o.addNode(442, 342, 'r', 'Node 442');
o.addNode(1442, 442, 'u', 'Node 1442');
o.addNode(2442, 442, 'u', 'Node 2442');
o.addNode(3442, 442, 'u', 'Node 3442');
o.addNode(4442, 442, 'u', 'Node 4442');
o.addNode(5442, 442, 'u', 'Node 5442');
//o.addNode(342, 42, 'u', 'Node 342');
o.addNode(43, 40, 'r', 'Node 43');
o.addNode(44, 40, 'r', 'Node 44');
o.addNode(45, 40, 'r', 'Node 45');
o.addNode(46, 40, 'r', 'Node 46');
o.drawChart('canvas3', 'auto', 'auto');
</script>
<p><canvas id="canvas4"></canvas></p>
<script>
o = new orgChart();
o.addNode(1, '', '', 'root');
o.addNode(2, 1, 'l', 'L 1');
o.addNode(4, 1, 'l', 'L 2');
o.addNode(5, 4, 'r', 'L 2 R 1');
o.addNode(6, 1, 'l', 'L 3');
o.drawChart('canvas4');
</script>
<p><canvas id="canvas5"></canvas></p>
<script>
o = new orgChart();
o.addNode( 0, '', '', 'Root 1');
o.addNode( 1, 0, 'u', 'u-Node 1');
o.addNode( 2, 0, 'u', 'u-Node 2');
o.addNode( 3, 0, 'u', 'u-Node 3');
o.addNode( 4, 0, 'u', 'u-Node 4');
//o.addNode( 9, 3, 'u', 'EXTRA', 0, '', '#CC0000', '#FF0000');
o.addNode(11, 2, 'l', 'l-Node');
o.addNode(12, 2, 'u', 'u-Node');
o.addNode(13, 2, 'u', 'u-Node');
o.addNode(14, 2, 'r', 'r-Node');
o.addNode(20, 4, 'l', 'l-Node');
o.addNode(50, '', '', 'Root 2');
o.drawChart('canvas5');
</script>
<p><canvas id="canvas6"></canvas></p>
<script>
o = new orgChart();
o.setSize(120, 30, 40, 20, 20);
o.addNode(1, '', '', 'root');
o.addNode(2, 1, 'l', 'L 1');
o.addNode(3, 1, 'l', 'L 2');
o.addNode(4, 1, 'r', 'R 1');
o.addNode(5, 1, 'r', 'R 2');
o.addNode(6, 3, 'l', 'L 2 L 1');
o.addNode(7, 3, 'r', 'L 2 R 1');
o.addNode(8, 1, 'u', 'U 1');
o.addNode(9, 1, 'u', 'U 2');
o.addNode(10, 1, 'u', 'U 3');
o.drawChart('canvas6');
</script>
<p><canvas id="canvas7"></canvas></p>
<script>
var o = new orgChart();
o.setColor('', '#CFE8EF');
o.addNode(1, '', '', 'CEO');
o.addNode(2, 1, 'u', 'BU 1');
o.addNode(3, 1, 'u', 'BU 2');
o.addNode(4, 1, 'u', 'BU 3');
o.setColor('', '#CC00CC');
o.addNode(5, 1, 'u', 'BU 4');
o.setColor('', '#CFE8EF');
o.addNode(6, 1, 'l', 'Support');
o.addNode(7, 6, 'l', 'Support 1');
o.addNode(8, 6, 'r', 'Support 2');
o.addNode(9, 6, 'r', 'Support 3');
o.addNode(10, 3, 'l', 'BU 2 Team 1');
o.addNode(11, 3, 'l', 'BU 2 Team 2');
o.addNode(12, 3, 'l', 'BU 2 Team 3');
o.addNode(13, 3, 'l', 'BU 2 Team 4');
o.addNode(14, 2, 'l', 'BU 1 Team 1');
o.addNode(15, 2, 'l', 'BU 1 Team 2');
o.addNode(16, 2, 'l', 'BU 1 Team 3');
o.addNode(17, 2, 'l', 'BU 1 Team 4');
o.addNode(18, 2, 'l', 'BU 1 Team 5');
o.addNode(19, 2, 'l', 'BU 1 Team 6');
o.addNode(20, 2, 'l', 'BU 1 Team 7');
o.addNode(21, 2, 'l', 'BU ! Team 2 8');
o.addNode(22, 4, 'l', 'BU 3 Team 1');
o.addNode(23, 4, 'l', 'BU 3 Team 2');
o.addNode(24, 4, 'l', 'BU 3 Team 3');
o.addNode(25, 5, 'l', 'BU 4 Team 1');
o.addNode(26, 5, 'l', 'BU 4 Team 2')
o.drawChart('canvas7', 'auto', 'auto');
</script>
<p><canvas id="canvas8"></canvas></p>
<script>
var o = new orgChart();
o.setColor('', '#CFE8EF');
o.setSize(130, 70, 60, 30, 50);
o.addNode('1', '', 'l', 'ROOT', 1, '');
o.setColor('', '#CC00CC');
o.addNode('6', '1', 'u', 'UNDER', 1, '');
o.setColor('', '#CFE8EF');
o.addNode('20', '1', 'l', 'LEFT', 1, 'javascript:editDivisi("20")');
o.addNode('21', '20', 'u', 'LU 1', 1, 'javascript:editDivisi("21")');
o.addNode('23', '20', 'u', 'LU 2', 1, 'javascript:editDivisi("23")');
o.addNode('24', '20', 'u', 'LU 3', 1, 'javascript:editDivisi("24")');
o.addNode('34', '1', 'r', 'RIGHT', 1, 'javascript:editDivisi("24")');
o.addNode('35', '34', 'u', 'RU 1', 1, 'javascript:editDivisi("24")');
o.addNode('36', '34', 'u', 'RU 2', 1, 'javascript:editDivisi("24")');
o.addNode('37', '34', 'u', 'RU 3', 1, 'javascript:editDivisi("24")');
o.drawChart('canvas8');
</script>
<p><canvas id="canvas9"></canvas></p>
<script>
var o = new orgChart();
o.setSize(120, 60, 55, 40, 40);
o.setFont('bold Arial', 10);
o.addNode('1', '', 'l', 'Test', 1, 'javascript:alert("1")');
o.setFont('Arial', 10);
o.addNode('2', '1', 'r', 'Test', 1, 'javascript:alert("2")');
o.setFont('Arial', 10);
o.addNode('3', '2', 'u', 'Test', 1, 'javascript:alert("3")');
o.setFont('Arial', 10);
o.addNode('4', '3', 'l', 'Test', 1, 'javascript:alert("4")');
o.setFont('Arial', 10);
o.addNode('5', '3', 'l', 'Test', 1, 'javascript:alert("5")');
o.setFont('Arial', 10);
o.addNode('6', '3', 'l', 'Test', 1, 'javascript:alert("6")');
o.setFont('Arial', 10);
o.addNode('7', '2', 'u', 'Test', 1, 'javascript:alert("7")');
o.setFont('Arial', 10);
o.addNode('8', '7', 'l', 'Test', 1, 'javascript:alert("8")');
o.setFont('Arial', 10);
o.addNode('9', '7', 'l', 'Test', 1, 'javascript:alert("9")');
o.setFont('Arial', 10);
o.addNode('10', '7', 'l', 'Test', 1, 'javascript:alert("10")');
o.setFont('Arial', 10);
o.addNode('11', '2', 'u', 'Test', 1, 'javascript:alert("11")');
o.setFont('Arial', 10);
o.addNode('12', '11', 'l', 'Test', 1, 'javascript:alert("12")');
o.setFont('Arial', 10);
o.addNode('13', '11', 'l', 'Test', 1, 'javascript:alert("13")');
o.setFont('Arial', 10);
o.addNode('14', '11', 'l', 'Test', 1, 'javascript:alert("14")');
o.setFont('Arial', 10);
o.addNode('15', '2', 'u', 'Test', 1, 'javascript:alert("15")');
o.setFont('Arial', 10);
o.addNode('16', '15', 'l', 'Test', 1, 'javascript:alert("16")');
o.setFont('Arial', 10);
o.addNode('17', '15', 'l', 'Test', 1, 'javascript:alert("17")');
o.setFont('Arial', 10);
o.addNode('18', '15', 'l', 'Test', 1, 'javascript:alert("18")');
o.setFont('Arial', 10);
o.addNode('19', '1', 'u', 'Test', 1, 'javascript:alert("19")');
o.setFont('Arial', 10);
o.addNode('20', '19', 'u', 'Test', 1, 'javascript:alert("20")');
o.setFont('Arial', 10);
o.addNode('21', '20', 'l', 'Test', 1, 'javascript:alert("21")');
o.setFont('Arial', 10);
o.addNode('22', '20', 'l', 'Test', 1, 'javascript:alert("22")');
o.setFont('Arial', 10);
o.addNode('23', '19', 'u', 'Test', 1, 'javascript:alert("23")');
o.setFont('Arial', 10);
o.addNode('24', '23', 'l', 'Test', 1, 'javascript:alert("24")');
o.setFont('Arial', 10);
o.addNode('25', '23', 'l', 'Test', 1, 'javascript:alert("25")');
o.setFont('Arial', 10);
o.addNode('26', '19', 'u', 'Test', 1, 'javascript:alert("26")');
o.setFont('Arial', 10);
o.addNode('27', '26', 'l', 'Test', 1, 'javascript:alert("27")');
o.setFont('Arial', 10);
o.addNode('28', '26', 'l', 'Test', 1, 'javascript:alert("28")');
o.setFont('Arial', 10);
o.addNode('29', '1', 'u', 'Test', 1, 'javascript:alert("29")');
o.setFont('Arial', 10);
o.addNode('30', '29', 'u', 'Test', 1, 'javascript:alert("30")');
o.setFont('Arial', 10);
o.addNode('31', '30', 'l', 'Test', 1, 'javascript:alert("31")');
o.setFont('Arial', 10);
o.addNode('32', '30', 'l', 'Test', 1, 'javascript:alert("32")');
o.setFont('Arial', 10);
o.addNode('33', '29', 'u', 'Test', 1, 'javascript:alert("33")');
o.setFont('Arial', 10);
o.addNode('34', '33', 'l', 'Test', 1, 'javascript:alert("34")');
o.setFont('Arial', 10);
o.addNode('35', '33', 'l', 'Test', 1, 'javascript:alert("35")');
o.setFont('Arial', 10);
o.addNode('36', '29', 'u', 'Test', 1, 'javascript:alert("36")');
o.setFont('Arial', 10);
o.addNode('37', '36', 'l', 'Test', 1, 'javascript:alert("37")');
o.setFont('Arial', 10);
o.addNode('38', '36', 'l', 'Test', 1, 'javascript:alert("38")');
o.setFont('Arial', 10);
o.addNode('39', '1', 'u', 'Test', 1, 'javascript:alert("39")');
o.setFont('Arial', 10);
o.addNode('40', '39', 'u', 'Test', 1, 'javascript:alert("40")');
o.setFont('Arial', 10);
o.addNode('41', '40', 'l', 'Test', 1, 'javascript:alert("41")');
o.setFont('Arial', 10);
o.addNode('42', '40', 'l', 'Test', 1, 'javascript:alert("42")');
o.setFont('Arial', 10);
o.addNode('43', '39', 'u', 'Test', 1, 'javascript:alert("43")');
o.setFont('Arial', 10);
o.addNode('44', '43', 'l', 'Test', 1, 'javascript:alert("44")');
o.setFont('Arial', 10);
o.addNode('45', '43', 'l', 'Test', 1, 'javascript:alert("45")');
o.setFont('Arial', 10);
o.addNode('46', '39', 'u', 'Test', 1, 'javascript:alert("46")');
o.setFont('Arial', 10);
o.addNode('47', '46', 'l', 'Test', 1, 'javascript:alert("47")');
o.setFont('Arial', 10);
o.addNode('48', '46', 'l', 'Test', 1, 'javascript:alert("48")');
o.setFont('Arial', 10);
o.addNode('49', '39', 'u', 'Test', 1, 'javascript:alert("49")');
o.setFont('Arial', 10);
o.addNode('50', '49', 'l', 'Test', 1, 'javascript:alert("50")');
o.setFont('Arial', 10);
o.addNode('51', '49', 'l', 'Test', 1, 'javascript:alert("51")');
o.setFont('Arial', 10);
o.addNode('52', '1', 'u', 'Test', 1, 'javascript:alert("52")');
o.setFont('Arial', 10);
o.addNode('53', '52', 'u', 'Test', 1, 'javascript:alert("53")');
o.setFont('Arial', 10);
o.addNode('54', '53', 'l', 'Test', 1, 'javascript:alert("54")');
o.setFont('Arial', 10);
o.addNode('67', '1', 'u', 'Test', 1, 'javascript:alert("67")');
o.setFont('Arial', 10);
o.addNode('68', '67', 'u', 'Test', 1, 'javascript:alert("68")');
o.setFont('Arial', 10);
o.addNode('69', '67', 'u', 'Test', 1, 'javascript:alert("69")');
o.setFont('Arial', 10);
o.addNode('70', '69', 'u', 'Test', 1, 'javascript:alert("70")');
o.setFont('Arial', 10);
o.addNode('71', '1', 'u', 'Test', 1, 'javascript:alert("71")');
o.setFont('Arial', 10);
o.addNode('72', '71', 'u', 'Test', 1, 'javascript:alert("72")');
o.setFont('Arial', 10);
o.addNode('73', '71', 'u', 'Test', 1, 'javascript:alert("73")');
o.setFont('Arial', 10);
o.addNode('90', '53', 'l', 'Test', 1, 'javascript:alert("90")');
o.setFont('Arial', 10);
o.addNode('91', '52', 'u', 'Test', 1, 'javascript:alert("91")');
o.setFont('Arial', 10);
o.addNode('92', '52', 'u', 'Test', 1, 'javascript:alert("92")');
o.setFont('Arial', 10);
o.addNode('93', '92', 'l', 'Test', 1, 'javascript:alert("93")');
o.setFont('Arial', 10);
o.addNode('94', '92', 'l', 'Test', 1, 'javascript:alert("94")');
o.setFont('Arial', 10);
o.addNode('95', '91', 'l', 'Test', 1, 'javascript:alert("95")');
o.setFont('Arial', 10);
o.addNode('96', '91', 'l', 'Test', 1, 'javascript:alert("96")');
o.setFont('Arial', 10);
o.addNode('97', '1', 'u', 'Test', 1, 'javascript:alert("97")');
o.setFont('Arial', 10);
o.addNode('98', '97', 'r', 'Test', 1, 'javascript:alert("98")');
o.setFont('Arial', 10);
o.addNode('99', '97', 'l', 'Test', 1, 'javascript:alert("99")');
o.setFont('Arial', 10);
o.addNode('100', '97', 'r', 'Test', 1, 'javascript:alert("100")');
o.setFont('Arial', 10);
o.addNode('101', '97', 'r', 'Test', 1, 'javascript:alert("101")');
o.setFont('Arial', 10);
o.addNode('102', '97', 'r', 'Test', 1, 'javascript:alert("102")');
o.setFont('Arial', 10);
o.addNode('103', '97', 'r', 'Test', 1, 'javascript:alert("103")');
o.setFont('Arial', 10);
o.addNode('104', '97', 'r', 'Test', 1, 'javascript:alert("104")');
o.setFont('Arial', 10);
o.addNode('105', '97', 'l', 'Test', 1, 'javascript:alert("105")');
o.setFont('Arial', 10);
o.addNode('106', '97', 'l', 'Test', 1, 'javascript:alert("106")');
o.setFont('Arial', 10);
o.addNode('107', '97', 'l', 'Test', 1, 'javascript:alert("107")');
o.setFont('Arial', 10);
o.addNode('108', '97', 'l', 'Test', 1, 'javascript:alert("108")');
o.setFont('Arial', 10);
o.addNode('109', '97', 'l', 'Test', 1, 'javascript:alert("109")');
o.setFont('Arial', 10);
o.addNode('110', '99', 'l', 'Test', 1, 'javascript:alert("110")');
o.setFont('Arial', 10);
o.addNode('111', '99', 'l', 'Test', 1, 'javascript:alert("111")');
o.setFont('Arial', 10);
o.addNode('112', '99', 'l', 'Test', 1, 'javascript:alert("112")');
o.setFont('Arial', 10);
o.addNode('113', '98', 'r', 'Test', 1, 'javascript:alert("113")');
o.setFont('Arial', 10);
o.addNode('114', '98', 'r', 'Test', 1, 'javascript:alert("114")');
o.setFont('Arial', 10);
o.addNode('115', '98', 'r', 'Test', 1, 'javascript:alert("115")');
o.setFont('Arial', 10);
o.addNode('116', '1', 'u', 'Test', 1, 'javascript:alert("116")');
o.setFont('Arial', 10);
o.addNode('117', '116', 'u', 'Test', 1, 'javascript:alert("117")');
o.setFont('Arial', 10);
o.addNode('118', '116', 'u', 'Test', 1, 'javascript:alert("118")');
o.setFont('Arial', 10);
o.addNode('119', '116', 'u', 'Test', 1, 'javascript:alert("119")');
o.setFont('Arial', 10);
o.addNode('120', '118', 'u', 'Test', 1, 'javascript:alert("120")');
o.setFont('Arial', 10);
o.addNode('121', '117', 'u', 'Test', 1, 'javascript:alert("121")');
o.setFont('Arial', 10);
o.addNode('122', '117', 'u', 'Test', 1, 'javascript:alert("122")');
o.setFont('Arial', 10);
o.addNode('123', '118', 'u', 'Test', 1, 'javascript:alert("123")');
o.setFont('Arial', 10);
o.addNode('124', '116', 'l', 'Test', 1, 'javascript:alert("124")');
o.setFont('Arial', 10);
o.addNode('125', '116', 'l', 'Test', 1, 'javascript:alert("125")');
o.setFont('Arial', 10);
o.addNode('126', '116', 'l', 'Test', 1, 'javascript:alert("126")');
o.setFont('Arial', 10);
o.addNode('127', '116', 'l', 'Test', 1, 'javascript:alert("127")');
o.setFont('Arial', 10);
o.addNode('128', '116', 'r', 'Test', 1, 'javascript:alert("128")');
o.setFont('Arial', 10);
o.addNode('129', '116', 'r', 'Test', 1, 'javascript:alert("129")');
o.setFont('Arial', 10);
o.addNode('130', '116', 'r', 'Test', 1, 'javascript:alert("130")');
o.setFont('Arial', 10);
o.addNode('131', '116', 'r', 'Test', 1, 'javascript:alert("131")');
o.setFont('Arial', 10);
o.addNode('132', '116', 'r', 'Test', 1, 'javascript:alert("132")');
o.setFont('Arial', 10);
o.addNode('135', '1', 'u', 'Test', 1, 'javascript:alert("135")');
o.setFont('Arial', 10);
o.addNode('136', '135', 'u', 'Test', 1, 'javascript:alert("136")');
o.setFont('Arial', 10);
o.addNode('137', '135', 'u', 'Test', 1, 'javascript:alert("137")');
o.setFont('Arial', 10);
o.addNode('138', '135', 'u', 'Test', 1, 'javascript:alert("138")');
o.setFont('Arial', 10);
o.addNode('139', '137', 'l', 'Test', 1, 'javascript:alert("139")');
o.setFont('Arial', 10);
o.addNode('140', '137', 'l', 'Test', 1, 'javascript:alert("140")');
o.setFont('Arial', 10);
o.addNode('141', '138', 'l', 'Test', 1, 'javascript:alert("141")');
o.setFont('Arial', 10);
o.addNode('142', '137', 'l', 'Test', 1, 'javascript:alert("142")');
o.setFont('Arial', 10);
o.addNode('143', '136', 'l', 'Test', 1, 'javascript:alert("143")');
o.setFont('Arial', 10);
o.addNode('144', '136', 'l', 'Test', 1, 'javascript:alert("144")');
o.setFont('Arial', 10);
o.addNode('145', '137', 'l', 'Test', 1, 'javascript:alert("145")');
o.setFont('Arial', 10);
o.addNode('146', '138', 'l', 'Test', 1, 'javascript:alert("146")');
o.setFont('Arial', 10);
o.addNode('147', '137', 'l', 'Test', 1, 'javascript:alert("147")');
o.setFont('Arial', 10);
o.addNode('148', '137', 'l', 'Test', 1, 'javascript:alert("148")');
o.setFont('Arial', 10);
o.addNode('149', '136', 'l', 'Test', 1, 'javascript:alert("149")');
o.setFont('Arial', 10);
o.addNode('150', '136', 'l', 'Test', 1, 'javascript:alert("150")');
o.setFont('Arial', 10);
o.addNode('151', '137', 'r', 'Test', 1, 'javascript:alert("151")');
o.setFont('Arial', 10);
o.addNode('152', '138', 'l', 'Test', 1, 'javascript:alert("152")');
o.setFont('Arial', 10);
o.addNode('153', '137', 'r', 'Test', 1, 'javascript:alert("153")');
o.setFont('Arial', 10);
o.addNode('154', '136', 'l', 'Test', 1, 'javascript:alert("154")');
o.setFont('Arial', 10);
o.addNode('155', '137', 'r', 'Test', 1, 'javascript:alert("155")');
o.setFont('Arial', 10);
o.addNode('156', '136', 'l', 'Test', 1, 'javascript:alert("156")');
o.setFont('Arial', 10);
o.addNode('157', '138', 'l', 'Test', 1, 'javascript:alert("157")');
o.setFont('Arial', 10);
o.addNode('158', '137', 'r', 'Test', 1, 'javascript:alert("158")');
o.setFont('Arial', 10);
o.addNode('159', '137', 'r', 'Test', 1, 'javascript:alert("159")');
o.setFont('Arial', 10);
o.addNode('160', '138', 'l', 'Test', 1, 'javascript:alert("160")');
o.setFont('Arial', 10);
o.addNode('161', '137', 'r', 'Test', 1, 'javascript:alert("161")');
o.setFont('Arial', 10);
o.addNode('162', '1', 'u', 'Test', 1, 'javascript:alert("162")');
o.setFont('Arial', 10);
o.addNode('163', '162', 'l', 'Test', 1, 'javascript:alert("163")');
o.setFont('Arial', 10);
o.addNode('164', '162', 'l', 'Test', 1, 'javascript:alert("164")');
o.setFont('Arial', 10);
o.addNode('165', '162', 'l', 'Test', 1, 'javascript:alert("165")');
o.setFont('Arial', 10);
o.addNode('166', '162', 'l', 'Test', 1, 'javascript:alert("166")');
o.setFont('Arial', 10);
o.setColor('', '#CC00CC');
o.addNode('167', '162', 'l', 'Test', 1, 'javascript:alert("167")');
o.setFont('Arial', 10);
o.addNode('168', '162', 'l', 'Test', 1, 'javascript:alert("168")');
o.setFont('Arial', 10);
o.addNode('169', '162', 'l', 'Test', 1, 'javascript:alert("169")');
o.setFont('Arial', 10);
o.addNode('170', '162', 'l', 'Test', 1, 'javascript:alert("170")');
o.setColor('', '#CFE8EF');
o.setFont('Arial', 10);
o.addNode('171', '162', 'r', 'Test', 1, 'javascript:alert("171")');
o.setFont('Arial', 10);
o.addNode('172', '162', 'r', 'Test', 1, 'javascript:alert("172")');
o.setFont('Arial', 10);
o.addNode('173', '162', 'r', 'Test', 1, 'javascript:alert("173")');
o.setFont('Arial', 10);
o.addNode('174', '162', 'r', 'Test', 1, 'javascript:alert("174")');
o.setFont('Arial', 10);
o.addNode('175', '162', 'r', 'Test', 1, 'javascript:alert("175")');
o.setFont('Arial', 10);
o.addNode('176', '162', 'r', 'Test', 1, 'javascript:alert("176")');
o.setFont('Arial', 10);
o.addNode('177', '162', 'r', 'Test', 1, 'javascript:alert("177")');
o.setFont('Arial', 10);
o.addNode('178', '165', 'u', 'Test', 1, 'javascript:alert("178")');
o.setFont('Arial', 10);
o.addNode('179', '165', 'u', 'Test', 1, 'javascript:alert("179")');
o.setFont('Arial', 10);
o.addNode('180', '165', 'u', 'Test', 1, 'javascript:alert("180")');
o.setFont('Arial', 10);
o.addNode('181', '166', 'u', 'Test', 1, 'javascript:alert("181")');
o.setFont('Arial', 10);
o.addNode('182', '166', 'u', 'Test', 1, 'javascript:alert("182")');
o.setFont('Arial', 10);
o.addNode('183', '166', 'u', 'Test', 1, 'javascript:alert("183")');
o.setFont('Arial', 10);
o.addNode('184', '119', 'l', 'Test', 1, 'javascript:alert("184")');
o.setFont('Arial', 10);
o.addNode('185', '119', 'l', 'Test', 1, 'javascript:alert("185")');
o.setFont('Arial', 10);
o.addNode('186', '1', 'u', 'Test', 1, 'javascript:alert("186")');
o.setFont('Arial', 10);
o.addNode('187', '186', 'u', 'Test', 1, 'javascript:alert("187")');
o.setFont('Arial', 10);
o.addNode('188', '186', 'u', 'Test', 1, 'javascript:alert("188")');
o.setFont('Arial', 10);
o.addNode('189', '186', 'u', 'Test', 1, 'javascript:alert("189")');
o.setFont('Arial', 10);
o.addNode('190', '186', 'u', 'Test', 1, 'javascript:alert("190")');
o.setFont('Arial', 10);
o.addNode('191', '186', 'u', 'Test', 1, 'javascript:alert("191")');
o.setFont('Arial', 10);
o.addNode('192', '186', 'r', 'Test', 1, 'javascript:alert("192")');
o.setFont('Arial', 10);
o.addNode('193', '186', 'r', 'Test', 1, 'javascript:alert("193")');
o.setFont('Arial', 10);
o.addNode('194', '192', 'l', 'Test', 1, 'javascript:alert("194")');
o.setFont('Arial', 10);
o.addNode('195', '192', 'l', 'Test', 1, 'javascript:alert("195")');
o.setFont('Arial', 10);
o.addNode('196', '192', 'r', 'Test', 1, 'javascript:alert("196")');
o.setFont('Arial', 10);
o.addNode('197', '192', 'r', 'Test', 1, 'javascript:alert("197")');
o.setFont('Arial', 10);
o.addNode('198', '193', 'l', 'Test', 1, 'javascript:alert("198")');
o.setFont('Arial', 10);
o.addNode('199', '193', 'l', 'Test', 1, 'javascript:alert("199")');
o.setFont('Arial', 10);
o.addNode('200', '193', 'r', 'Test', 1, 'javascript:alert("200")');
o.setFont('Arial', 10);
o.addNode('201', '193', 'r', 'Test', 1, 'javascript:alert("201")');
o.setFont('Arial', 10);
o.addNode('202', '191', 'l', 'Test', 1, 'javascript:alert("202")');
o.setFont('Arial', 10);
o.addNode('203', '186', 'l', 'Test', 1, 'javascript:alert("203")');
o.setFont('Arial', 10);
o.addNode('204', '191', 'l', 'Test', 1, 'javascript:alert("204")');
o.setFont('Arial', 10);
o.addNode('205', '186', 'l', 'Test', 1, 'javascript:alert("205")');
o.setFont('Arial', 10);
o.addNode('206', '186', 'l', 'Test', 1, 'javascript:alert("206")');
o.setFont('Arial', 10);
o.addNode('207', '186', 'l', 'Test', 1, 'javascript:alert("207")');
o.setFont('Arial', 10);
o.addNode('208', '191', 'r', 'Test', 1, 'javascript:alert("208")');
o.setFont('Arial', 10);
o.addNode('209', '186', 'l', 'Test', 1, 'javascript:alert("209")');
o.setFont('Arial', 10);
o.addNode('210', '191', 'r', 'Test', 1, 'javascript:alert("210")');
o.setFont('Arial', 10);
o.addNode('211', '186', 'l', 'Test', 1, 'javascript:alert("211")');
o.setFont('Arial', 10);
o.addNode('212', '186', 'l', 'Test', 1, 'javascript:alert("212")');
o.setFont('Arial', 10);
o.addNode('213', '186', 'l', 'Test', 1, 'javascript:alert("213")');
o.setFont('Arial', 10);
o.addNode('214', '186', 'l', 'Test', 1, 'javascript:alert("214")');
o.setFont('Arial', 10);
o.addNode('215', '186', 'l', 'Test', 1, 'javascript:alert("215")');
o.setFont('Arial', 10);
o.addNode('216', '186', 'l', 'Test', 1, 'javascript:alert("216")');
o.setFont('Arial', 10);
o.addNode('217', '186', 'l', 'Test', 1, 'javascript:alert("217")');
o.setFont('Arial', 10);
o.addNode('218', '186', 'l', 'Test', 1, 'javascript:alert("218")');
o.setFont('Arial', 10);
o.addNode('219', '218', 'u', 'Test', 1, 'javascript:alert("219")');
o.setFont('Arial', 10);
o.addNode('220', '218', 'u', 'Test', 1, 'javascript:alert("220")');
o.setFont('Arial', 10);
o.addNode('221', '1', 'u', 'Test', 1, 'javascript:alert("221")');
o.setFont('Arial', 10);
o.addNode('222', '221', 'r', 'Test', 1, 'javascript:alert("222")');
o.setFont('Arial', 10);
o.addNode('223', '221', 'l', 'Test', 1, 'javascript:alert("223")');
o.setFont('Arial', 10);
o.addNode('224', '221', 'u', 'Test', 1, 'javascript:alert("224")');
o.setFont('Arial', 10);
o.addNode('225', '221', 'u', 'Test', 1, 'javascript:alert("225")');
o.setFont('Arial', 10);
o.addNode('226', '221', 'u', 'Test', 1, 'javascript:alert("226")');
o.setFont('Arial', 10);
o.addNode('227', '226', 'l', 'Test', 1, 'javascript:alert("227")');
o.setFont('Arial', 10);
o.addNode('228', '226', 'l', 'Test', 1, 'javascript:alert("228")');
o.setFont('Arial', 10);
o.addNode('229', '221', 'u', 'Test', 1, 'javascript:alert("229")');
o.setFont('Arial', 10);
o.addNode('230', '229', 'r', 'Test', 1, 'javascript:alert("230")');
o.setFont('Arial', 10);
o.addNode('231', '229', 'r', 'Test', 1, 'javascript:alert("231")');
o.setFont('Arial', 10);
o.addNode('232', '229', 'r', 'Test', 1, 'javascript:alert("232")');
o.setFont('Arial', 10);
o.addNode('233', '221', 'u', 'Test', 1, 'javascript:alert("233")');
o.setFont('Arial', 10);
o.addNode('234', '221', 'u', 'Test', 1, 'javascript:alert("234")');
o.setFont('Arial', 10);
o.addNode('235', '221', 'u', 'Test', 1, 'javascript:alert("235")');
o.setFont('Arial', 10);
o.addNode('236', '221', 'u', 'Test', 1, 'javascript:alert("236")');
o.setFont('Arial', 10);
o.addNode('237', '221', 'u', 'Test', 1, 'javascript:alert("237")');
o.setFont('Arial', 10);
o.addNode('238', '221', 'u', 'Test', 1, 'javascript:alert("238")');
o.setFont('Arial', 10);
o.addNode('239', '221', 'u', 'Test', 1, 'javascript:alert("239")');
o.setFont('Arial', 10);
o.addNode('240', '221', 'u', 'Test', 1, 'javascript:alert("240")');
o.setFont('Arial', 10);
o.addNode('241', '221', 'u', 'Test', 1, 'javascript:alert("241")');
o.setFont('Arial', 10);
o.addNode('242', '241', 'l', 'Test', 1, 'javascript:alert("242")');
o.setFont('Arial', 10);
o.addNode('243', '241', 'l', 'Test', 1, 'javascript:alert("243")');
o.setFont('Arial', 10);
o.addNode('244', '221', 'u', 'Test', 1, 'javascript:alert("244")');
o.setFont('Arial', 10);
o.addNode('245', '244', 'r', 'Test', 1, 'javascript:alert("245")');
o.setFont('Arial', 10);
o.addNode('246', '244', 'r', 'Test', 1, 'javascript:alert("246")');
o.setFont('Arial', 10);
o.addNode('247', '244', 'r', 'Test', 1, 'javascript:alert("247")');
o.setFont('Arial', 10);
o.addNode('248', '221', 'u', 'Test', 1, 'javascript:alert("248")');
o.setFont('Arial', 10);
o.addNode('249', '221', 'u', 'Test', 1, 'javascript:alert("249")');
o.drawChart('canvas9','center','true');
</script>
</body>
</html>
