HTMLcopy
1
<div id="container"></div>
CSScopy
6
1
html, body, #container {
2
width: 100%;
3
height: 100%;
4
margin: 0;
5
padding: 0;
6
}
JavaScriptcopy
x
1
anychart.onDocumentReady(function () {
2
var data = [
3
{id: 'A1', duration: 1, name: 'Task A'},
4
{id: 'A2', duration: 3, name: 'Task B'},
5
{id: 'A3', duration: 3, name: 'Task C'},
6
{id: 'A4', duration: 1, name: 'Task D'},
7
{id: 'A5', duration: 2, name: 'Task AD', dependsOn: ['A1', 'A4']},
8
{id: 'A6', duration: 2, name: 'Task BC', dependsOn: ['A2', 'A3']}
9
];
10
11
var treeData = anychart.data.tree(data, 'as-table');
12
13
// Set data field.
14
var item = treeData.search('id', 'A3');
15
16
treeData.removeChild(item);
17
18
var chart = anychart.pert();
19
chart.data(treeData);
20
21
chart.title('Set data field');
22
chart.container('container');
23
chart.draw();
24
});