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 = getData();
3
4
var chart = anychart.treeMap(data);
5
6
// Set fill.
7
chart.fill('#CDDC39', 0.6);
8
9
chart.title('Set chart fill with opacity');
10
chart.container('container');
11
chart.draw();
12
13
});
14
15
function getData() {
16
return [
17
{
18
name: 'Eurasia',
19
children: [
20
{
21
name: 'Asia', children: [
22
{
23
name: 'Eastern Asia', children: [
24
{name: 'Mongolia', value: 1564116, capital: 'Ulan-Bator'},
25
{name: 'China', value: 1564116, capital: 'Beijing'},
26
{name: 'Southern Korea', value: 1564116, capital: 'Seoul'},
27
{name: 'Northern Korea', value: 120540, capital: 'Pyongyang'},
28
{name: 'Japan', value: 1564116, capital: 'Tokio'}
29
]
30
}
31
]
32
},
33
{
34
name: 'Europe', children: [
35
{
36
name: 'Northern Europe', children: [
37
{name: 'Finland', value: 338424, capital: 'Helsinki'},
38
{name: 'Great Britain', value: 209331, capital: 'London'},
39
{name: 'Ireland', value: 84421, capital: 'Dublin'},
40
{name: 'Scandinavia', value: 928057}
41
]
42
}
43
]
44
}
45
]
46
}
47
];
48
}