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