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