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 = anychart.data.tree(
3
[
4
{
5
name: 'Activities',
6
value: 1000,
7
children: [
8
{name: 'Running', value: 43},
9
{name: 'Snowboarding', value: 50},
10
{name: 'Nordic Skiing', value: 50},
11
{name: 'Working Out', value: 30},
12
{name: 'Ice Skating', value: 40},
13
{name: 'Kitesurfing', value: 37},
14
]
15
}
16
]
17
);
18
19
var chart = anychart.sunburst();
20
21
// Set chart data.
22
chart.data(data, 'as-tree');
23
24
chart.title('Set data as a tree');
25
chart.container('container');
26
chart.draw();
27
});