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
3
// create data
4
var data = [
5
{name: "London", children: [
6
{name: "Management"},
7
{name: "Sales", children: [
8
{name: "Analysts"},
9
{name: "Executives"}
10
]},
11
{name: "Accounting"}
12
]},
13
{name: "New York", children: [
14
{name: "Technical", children: [
15
{name: "Team Leaders"},
16
{name: "Architects"},
17
{name: "Developers"},
18
{name: "Testers"}
19
]},
20
{name: "HR"}
21
]}
22
];
23
24
// create a chart and set the data
25
var chart = anychart.sunburst(data, "as-tree");
26
27
// set the chart title
28
chart.title().useHtml(true);
29
chart.title("Sunburst: Data (Parent Nodes)<br><br>" +
30
"<span style='font-size:12; font-style:italic'>" +
31
"Corporate Structure of Company A</span>");
32
33
// set the container id
34
chart.container("container");
35
36
// initiate drawing the chart
37
chart.draw();
38
});