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
{name: 'Eurasia',
4
children:[
5
{name: 'Asia', children:[
6
{name: 'Eastern Asia', children:[
7
{name:'Mongolia', value: 1564116, capital: 'Ulan-Bator'},
8
{name: 'China', value: 1564116, capital: 'Beijing'},
9
{name: 'Southern Korea', value: 1564116, capital: 'Seoul'},
10
{name: 'Northern Korea', value: 120540, capital: 'Pyongyang'},
11
{name: 'Japan', value: 1564116, capital: 'Tokio'}
12
]}
13
]},
14
{name: 'Europe', children: [
15
{name: 'Northern Europe', children:[
16
{name: 'Finland', value: 338424, capital: 'Helsinki'},
17
{name: 'Great Britain', value: 209331, capital: 'London'},
18
{name: 'Ireland', value: 84421, capital: 'Dublin'},
19
{name: 'Scandinavia', value: 928057}
20
]}
21
]}
22
]}
23
]);
24
25
// Creates Tree map.
26
var chart = anychart.treeMap(data);
27
28
chart.title('Create a Tree Map');
29
chart.container('container');
30
chart.draw();
31
});