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 = [
3
{id: 'Eurasia', parent: null},
4
{id: 'Asia', parent: 'Eurasia'},
5
{id: 'Eastern Asia', parent: 'Asia'},
6
{id: 'Mongolia', parent: 'Eastern Asia', value: 1564116, capital: 'Ulan-Bator'},
7
{id: 'China', parent: 'Eastern Asia', value: 1564116, capital: 'Beijing'},
8
{id: 'Southern Korea', parent: 'Eastern Asia', value: 1564116, capital: 'Seoul'},
9
{id: 'Northern Korea', parent: 'Eastern Asia', value: 120540, capital: 'Pyongyang'},
10
{id: 'Japan', parent: 'Eastern Asia', value: 1564116, capital: 'Tokio'},
11
{id: 'Europe', parent: 'Eurasia'},
12
{id: 'Northern Europe', parent: 'Europe'},
13
{id: 'Finland', parent: 'Northern Europe', value: 338424, capital: 'Helsinki'},
14
{id: 'Great Britain', parent: 'Northern Europe', value: 209331, capital: 'London'},
15
{id: 'Ireland', parent: 'Northern Europe', value: 84421, capital: 'Dublin'},
16
{id: 'Scandinavia', parent: 'Northern Europe', value: 928057}];
17
18
var treeData = anychart.data.tree(data, 'as-table');
19
20
var chart = anychart.treeMap();
21
chart.data(treeData);
22
23
// Get data.
24
var data = chart.data();
25
26
var newData = [{id: 'Hokkaido', parent: 'Japan', value: 83400}];
27
28
var addData = data.addData(newData, 'as-table');
29
30
chart.data(addData);
31
chart.title('Get and modify data');
32
chart.container('container');
33
chart.draw();
34
});