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