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
// create treemap chart
3
var chart = anychart.treeMap();
4
5
// setting the maximum levels depth
6
chart.maxDepth(2);
7
8
// setting the number of levels shown
9
chart.hintDepth(3);
10
11
// tune labels
12
chart.labels().format("{%name}");
13
14
var data = [
15
{name: "Europe", id: "Europe", parent: null},
16
{name: "Eastern Europe", id: "Eastern Europe", parent: "Europe"},
17
{name: "Western Europe", id: "Western Europe", parent: "Europe"},
18
{name: "Southern Europe", id: "Southern Europe", parent: "Europe"},
19
{name: "Northern Europe", id: "Northern Europe", parent: "Europe"},
20
{name: "Poland", id: "Poland", parent: "Eastern Europe"},
21
{name: "Vehicles", id: "vehicles_pl", parent: "Poland"},
22
{name: "Tractors", id: "tractors_pl", parent: "vehicles_pl", value: 0.458},
23
{name: "Cars", id: "cars_pl", parent: "vehicles_pl", value: 5.01},
24
{name: "Parts and accessories of the motor vehicles", id: "parts_acc_pl", parent: "vehicles_pl", value: 7.94},
25
{name: "Motor vehicles for transporting goods", id: "motor_vehicles_pl", parent: "vehicles_pl", value: 1.2},
26
{name: "Food", id: "food_pl", parent: "Poland"},
27
{name: "Cigars", id: "cigars_pl", parent: "food_pl", value: 2.38},
28
{name: "Cocoa powder, sweetened", id: "cocoa_powder_pl", parent: "food_pl", value: 1.07},
29
{name: "Poultry", id: "poultry_pl", parent: "food_pl", value: 1.1},
30
{name: "Swine meat", id: "swine_meat_pl", parent: "food_pl", value: 0.89},
31
{name: "Furniture", id: "furniture_pl", parent: "Poland"},
32
{name: "Seats", id: "seats_pl", parent: "furniture_pl", value: 3.8},
33
{name: "Other furniture and parts thereof", id: "other_furniture_pl", parent: "furniture_pl", value: 3.14},
34
{name: "Mattress supports; articles of bedding", id: "bedding_articles_pl", parent: "furniture_pl", value: 0.916},
35
36
{name: 'Ukraine', id: "Ukraine", parent: 'Eastern Europe'},
37
{name: "Food", id: "food_ua", parent: "Ukraine"},
38
{name: "Maize (corn) seed", id: "maize_seed_ua", parent: "food_ua", value: 4.11},
39
{name: "Wheat and meslin", id: "wheat_meslin_ua", parent: "food_ua", value: 2.31},
40
{name: "Sunflower-seed or sunflower oil, crude", id: "sunflower_prod_ua", parent: "food_ua", value: 3.79},
41
{name: "Petroleum", id: "petroleum_ua", parent: "Ukraine"},
42
{name: "Iron ores and concentrates", id: "iron_ores_ua", parent: "petroleum_ua", value: 4.37},
43
{name: "Petroleum oils, refined", id: "petr_oils_ua", parent: "petroleum_ua", value: 2.27},
44
{name: "Steel", id: "steel_ua", parent: "Ukraine"},
45
{name: "Semifinished products of iron or non-alloy steel", id: "semifinished_iron_ua", parent: "steel_ua", value: 6.75},
46
{name: "Hot rolled iron or non-alloy steel", id: "hot_rolled_iron_ua", parent: "steel_ua", value: 3.28},
47
{name: "Other bars and rods of iron or non-alloy steel", id: "other_iron_ua", parent: "steel_ua", value: 1.61},
48
49
{name: "Germany", id: 'Germany', parent: 'Western Europe'},
50
{name: "Food", id: "food_de", parent: "Germany"},
51
{name: "Swine meat", id: "swine_de", parent: "food_de", value: 4.52},
52
{name: "Fresh cheese", id: "cheese_de", parent: "food_de", value: 4.2},
53
{name: "Coffee, not roasted", id: "coffee_de", parent: "food_de", value: 1.89},
54
{name: "Bread, pastry, cakes, biscuits and other baked goods", id: "bakery_de", parent: "food_de", value: 3.64},
55
{name: "Medical", id: "medical_de", parent: "Germany"},
56
{name: "Blood for therapeutic uses", id: "blood_de", parent: "medical_de", value: 13.6},
57
{name: "Packaged medicaments", id: "packaged_medicaments_de", parent: "medical_de", value: 49.5},
58
{name: "Industrial monocarboxylic fatty acids, etc.", id: "fatty_acids_de", parent: "medical_de", value: 5.95},
59
{name: "Vehicles", id: "vehicles_de", parent: "Germany"},
60
{name: "Aircraft, spacecraft & launch vehicles", id: "air_vehicles_de", parent: "vehicles_de", value: 26.2},
61
{name: "Cars", id: "cars_de", parent: "vehicles_de", value: 141},
62
{name: "Parts and accessories of the motor vehicles", id: "parts_acc_de", parent: "vehicles_de", value: 53.7},
63
{name: "Motor vehicles for transporting goods", id: "motor_vehicles_de", parent: "vehicles_de", value: 11.9},
64
65
{name: "France", id: "France", parent: 'Western Europe'},
66
{name: "Medical", id: "medical_fr", parent: "France"},
67
{name: "Blood for therapeutic uses", id: "blood_fr", parent: "medical_fr", value: 5.22},
68
{name: "Packaged medicaments", id: "packaged_medicaments_fr", parent: "medical_fr", value: 26.8},
69
{name: "Make-up products",id: "makeup_fr", parent: "medical_fr", value: 6.6},
70
{name: "Vehicles", id: "vehicles_fr", parent: "France"},
71
{name: "Aircraft, spacecraft & launch vehicles", id: "air_vehicles_fr", parent: "vehicles_fr", value: 38.4},
72
{name: "Cars", id: "cars_fr", parent: "vehicles_fr", value: 23.4},
73
{name: "Parts and accessories of the motor vehicles", id: "parts_acc_fr", parent: "vehicles_fr", value: 19},
74
{name: "Food", id: "food_fr", parent: "France"},
75
{name: "Wine of fresh grapes", id: "wine_fr", parent: "food_fr", value: 10.4},
76
{name: "Fresh cheese", id: "cheese_fr", parent: "food_fr", value: 3.56},
77
{name: "Wheat and meslin, virgin", id: "wheat_meslin_fr", parent: "food_fr", value: 4.93},
78
{name: "Maize (corn) seed", id: "maize_seed_fr", parent: "food_fr", value: 2.16},
79
80
{name: "Greece", id: "Greece", parent: 'Southern Europe'},
81
{name: "Petroleum", id: "petroleum_gr", parent: "Greece"},
82
{name: "Petroleum oils, refined", id: "petr_oils_gr", parent: "petroleum_gr", value: 8.92},
83
{name: "Petroleum gases", id: "petr_gases_gr", parent: "petroleum_gr", value: 1.08},
84
{name: "Food", id: "food_gr", parent: "Greece"},
85
{name: "Fruit, nuts and edible plants preserved with sugar", id: "sugar_plants_gr", parent: "food_gr", value: 0.403},
86
{name: "Apricots", id: "apricots_gr", parent: "food_gr", value: 0.229},
87
{name: "Olive oil, virgin", id: "olive_oil_gr", parent: "food_gr", value: 0.410},
88
{name: "Fish", id: "fish_gr", parent: "food_gr", value: 0.544},
89
90
{name: "Italy", id: "Italy", parent: 'Southern Europe'},
91
{name: "Petroleum", id: "petroleum_it", parent: "Italy"},
92
{name: "Petroleum oils, refined", id: "petr_oils_it", parent: "petroleum_it", value: 23.2},
93
{name: "Petroleum gases", id: "petr_gases_it", parent: "petroleum_it", value: 1.08},
94
{name: "Medical", id: "medical_it", parent: "Italy"},
95
{name: "Blood for therapeutic uses", id: "blood_it", parent: "medical_it", value: 2.51},
96
{name: "Packages medicaments", id: "packaged_medicaments_it", parent: "medical_it", value: 20.7},
97
{name: "Make-up products", id: "makeup_it", parent: "medical_it", value: 1.47},
98
{name: "Vehicles", id: "vehicles_it", parent: "Italy"},
99
{name: "Parts and accessories of the motor vehicles", id: "parts_acc_it", parent: "vehicles_it", value: 11.8},
100
{name: "Cars", id: "cars_it", parent: "vehicles_it", value: 9.7},
101
{name: "Motor vehicles for transporting goods", id: "motor_vehicles_it", parent: "vehicles_it", value: 4.32},
102
{name: "Food", id: "food_it", parent: "Italy"},
103
{name: "Fresh cheese", id: "cheese_it", parent: "food_it", value: 2.34},
104
{name: "Apples", id: "apples_it", parent: "food_it", value: 1.07},
105
{name: "Pasta", id: "pasta_it", parent: "food_it", value: 2.53},
106
{name: "Wine of fresh grapes", id: "wine_it", parent: "food_it", value: 6},
107
108
{name: "Finland", id: "Finland", parent: 'Northern Europe'},
109
{name: "Paper", id: "paper_fin", parent: "Finland"},
110
{name: "Paper and paperboard, coated on one or both sides with kaolin", id: "paper_coated_kaolin_fin", parent: "paper_fin", value: 5.33},
111
{name: "Paper, uncoated, for writing etc, rolls, handmade paper", id: "paper_uncoated_fin", parent: "paper_fin", value: 1.99},
112
{name: "Petroleum", id: "petroleum_fin", parent: "Finland"},
113
{name: "Petroleum oils, refined", id: "petr_oils_fin", parent: "petroleum_fin", value: 7.29},
114
{name: "Iron ores and concentrates", id: "iron_ores_fin", parent: "petroleum_fin", value: 0.145},
115
{name: "Petroleum gases", id: "petr_gases_fin", parent: "petroleum_fin", value: 5.6},
116
{name: "Machinery", id: "machinery_fin", parent: "Finland"},
117
{name: "Electrical transformers", id: "electrical_tranformers_fin", parent: "machinery_fin", value: 1.29},
118
{name: "Transmission apparatus for radio, TV, telephone", id: "transmission_fin", parent: "machinery_fin", value: 0.845},
119
{name: "Telephones", id: "telephones_fin", parent: "machinery_fin", value: 1.23},
120
121
{name: "Great Britain", id: "Great Britain", parent: 'Northern Europe', value: 409},
122
{name: "Medical", id: "medical_gb", parent: "Great Britain"},
123
{name: "Blood for therapeutic uses", id: "blood_gb", parent: "medical_gb", value: 3.19},
124
{name: "Packaged medicaments", id: "packaged_medicaments_gb", parent: "medical_gb", value: 20.3},
125
{name: "Antibiotics", id: "antibiotics_gb", parent: "medical_gb", value: 0.268},
126
{name: "Machinery", id: "machinery_gb", parent: "Great Britain"},
127
{name: "Turbo jets and other gas turbines", id: "gas_turbines_gb", parent: "machinery_gb", value: 11.3},
128
{name: "Parts for use in excavation machinery", id: "parts_for_excavation_gb", parent: "machinery_gb", value: 2.72},
129
{name: "Automated data processing machines", id: "automated_data_proc_machinery_gb", parent: "machinery_gb", value: 3.67},
130
{name: "Telephones", id: "telephone", parent: "machinery_gb", value: 3.47},
131
{name: "Petroleum", id: "petroleum_gb", parent: "Great Britain"},
132
{name: "Petroleum oils, refined", id: "petr_oils_ref_gb", parent: "petroleum_gb", value: 31.2},
133
{name: "Petroleum oils, crude", id: "petr_oils_crude_gb", parent: "petroleum_gb", value: 25.7},
134
{name: "Petroleum gases", id: "petr_gases_gb", parent: "petroleum_gb", value: 5.6},
135
136
{name: "Ireland", id: "Ireland", parent: 'Northern Europe'},
137
{name: "Medical", id: "medical_irl", parent: "Ireland"},
138
{name: "Instruments (surgery, vet, dental)", id: "instruments_med_irl", parent: "medical_irl", value: 4.05},
139
{name: "Packaged medicaments", id: "packaged_medicaments_irl", parent: "medical_irl", value: 20.1},
140
{name: "Antibiotics", id: "antibiotics_irl", parent: "medical_irl", value: 0.817},
141
{name: "Machinery", id: "machinery_irl", parent: "Ireland"},
142
{name: "Automated data processing machines", id: "automated_data_proc_machinery_irl", parent: "machinery_irl", value: 5.21},
143
{name: "Transmission apparatus for radio, TV, telephone", id: "transmission_irl", parent: "machinery_irl", value: 1.86},
144
{name: "Printers and copying machines", id: "printers_irl", parent: "machinery_irl", value: 1.17}
145
];
146
147
// set data
148
chart.data(data, anychart.enums.TreeFillingMethod.AS_TABLE);
149
150
// display chart
151
chart.container('container');
152
chart.draw();
153
});