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