Iframe
HTML with links
ZIP with files
Column Chart
Geo Map
Line Chart
Pie Chart
Stock Chart
From scratchHTMLcopy
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
3
var json = {4
"gantt": {5
"type": "ganttProject",6
"controller": {7
"treeData": {8
"children": [9
{10
"treeDataItemData": {11
"name": "Activities",12
"actualStart": 1169683200000,13
"actualEnd": 117383040000014
},15
"children": [16
{17
"treeDataItemData": {18
"name": "Draft plan",19
"actualStart": 1169683200000,20
"actualEnd": 117046080000021
}22
23
},24
{25
"treeDataItemData": {26
"name": "Board meeting",27
"actualStart": 1170547200000,28
"actualEnd": 117054720000029
}30
},31
{32
"treeDataItemData": {33
"name": "Research option",34
"actualStart": 1170547200000,35
"actualEnd": 117227520000036
}37
},38
{39
"treeDataItemData": {40
"name": "Final plan",41
"actualStart": 1172275200000,42
"actualEnd": 117383040000043
}44
}45
]46
}47
]48
}49
},50
"timeline": {51
"scale": {52
"range": {53
"min": 1169641728000,54
"max": 117387187200055
},56
"totalRange": {57
"min": 1169641728000,58
"max": 117387187200059
}60
}61
}62
63
}64
}65
66
67
var chart = anychart.fromJson(json);68
chart.container('container');69
70
// draw chart71
chart.draw();72
73
});