Configuring the Treemap
FusionCharts Suite XT lets you configure the functionality of your treemap. There are various ways in which you can customize your treemap—for example, you can set the tiling algorithm (decide how the chart will be divided into nodes), enable/disable the use of a navigation bar to traverse through the chart, set custom colors for the nodes, customize all the texts in the chart canvas, customize the data labels separately, set glowing effect and so on.
In this section, you will be shown how you can:
- Use the navigation bar with traversal path
- Color The data plots
- Customize data plots
- Customize All Text Within the Chart Canvas
- Customize Only the Data Labels
- Apply the Glow Effect to Data Labels
Navigation Bar with Traversal Path
In a treemap, the navigation bar displays a traversal path and allows you to go back to any of the traversed parent by clicking on it.
A simple treemap with navigation bar is shown below :
Click the rectangles in each chart to traverse through the chart and see how the chart view changes.
Literacy Rate : $svalue%
Population : $datavalue
{
"chart": {
"caption": "Region-wise Literacy Rates in 2015",
"subcaption": "World Population",
"animation": "0",
"shownavigationbar": "1",
"plotToolText": "<div><b>$label</b><br/><b>Literacy Rate : </b>$svalue%<br/><b>Population : </b>$datavalue</div>",
"horizontalPadding": "0",
"verticalPadding": "0",
"plotborderthickness": ".5",
"plotbordercolor": "e6e6e6",
"chartBottomMargin": "0",
"labelGlow": "0",
"labelFontColor": "ffffff",
"labelFontSize": "8",
"labelFontBold": "1",
"parentLabelLineHeight": "9",
"showLegend": "1",
"legendpadding": "0",
"legendItemFontSize": "8",
"legendItemFontBold": "1",
"legenditemfontcolor": "3d5c5c",
"legendScaleLineThickness": "0",
"legendCaptionFontSize": "10",
"legendspreadfactor": ".7",
"legendCaption": "Literacy Rate (%)",
"formatNumberScale": "1",
"numberScaleUnit": ", K, M, B",
"numberScaleValue": "1, 1000, 1000, 1000",
"forceNumberScale": "1",
"theme": "zune"
},
"data": [
{
"label": "World",
"fillcolor": "000000",
"value": "6621397806",
"svalue": "86.3",
"data": [
{
"label": "Asia",
"fillcolor": "20261b",
"value": "4084114938",
"svalue": "89.5",
"data": [
{
"label": "South Asia",
"fillcolor": "3b4632",
"value": "1635488712",
"svalue": "69",
"data": [
{
"label": "India",
"value": "1205073612",
"sValue": "72.1"
},
{
"label": "Sri Lanka",
"value": "21481334",
"sValue": "92.6"
},
{
"label": "Bhutan",
"value": "716896",
"sValue": "64.9"
},
{
"label": "Bangladesh",
"value": "161083804",
"sValue": "61.5"
},
{
"label": "Maldives",
"value": "394451",
"sValue": "99.3"
},
{
"label": "Afghanistan",
"value": "26556800",
"sValue": "38.2"
},
{
"label": "Pakistan",
"value": "190291129",
"sValue": "58.7"
},
{
"label": "Nepal",
"value": "29890686",
"sValue": "64.7"
}
]
},
{
"label": "East Asia",
"fillcolor": "3b4632",
"value": "1610979712",
"sValue": "97.2",
"data": [
{
"label": "China",
"value": "1373000000",
"sValue": "96.4"
},
{
"label": "Hong Kong",
"value": "7298600",
"sValue": "93.5"
},
{
"label": "Japan",
"value": "126890000",
"sValue": "96.7"
},
{
"label": "Macau",
"value": "642900",
"sValue": "96.2"
},
{
"label": "Mongolia",
"value": "3041648",
"sValue": "98.4"
},
{
"label": "North Korea",
"value": "25155000",
"sValue": "100"
},
{
"label": "South Korea",
"value": "51482816",
"sValue": "97.9"
},
{
"label": "Taiwan",
"value": "23468748",
"sValue": "98.5"
}
]
},
{
"label": "Southeast Asia",
"fillcolor": "3b4632",
"value": "621696000",
"sValue": "89.7",
"data": [
{
"label": "Brunei",
"value": "453000",
"sValue": "96.4"
},
{
"label": "Cambodia",
"value": "15561000",
"sValue": "77.2"
},
{
"label": "East Timor",
"value": "1172000",
"sValue": "67.5"
},
{
"label": "Indonesia",
"value": "251490000",
"sValue": "93.9"
},
{
"label": "Laos",
"value": "6557000",
"sValue": "79.9"
},
{
"label": "Malaysia",
"value": "30034000",
"sValue": "94.6"
},
{
"label": "Myanmar",
"value": "51419000",
"sValue": "93.1"
},
{
"label": "Philippines",
"value": "101649000",
"sValue": "96.3"
},
{
"label": "Singapore",
"value": "5554000",
"sValue": "96.8"
},
{
"label": "Thailand",
"value": "65236000",
"sValue": "96.7"
},
{
"label": "Vietnam",
"value": "92571000",
"sValue": "94.5"
}
]
},
{
"label": "Western Asia",
"fillcolor": "3b4632",
"value": "147963650",
"svalue": "91.8",
"data": [
{
"label": "Bahrain",
"value": "1234596",
"sValue": "95.7"
},
{
"label": "Iraq",
"value": "33635000",
"sValue": "79.7"
},
{
"label": "Israel",
"value": "7653600",
"sValue": "97.8"
},
{
"label": "Jordan",
"value": "6318677",
"sValue": "96.7"
},
{
"label": "Kuwait",
"value": "3566437",
"sValue": "96.2"
},
{
"label": "Lebanon",
"value": "4228000",
"sValue": "93.9"
},
{
"label": "Oman",
"value": "2694094",
"sValue": "94.8"
},
{
"label": "Palestine",
"value": "4260636",
"sValue": "96.7"
},
{
"label": "Qatar",
"value": "1696563",
"sValue": "97.8"
},
{
"label": "Saudi Arabia",
"value": "27136977",
"sValue": "94.7"
},
{
"label": "Syria",
"value": "23695000",
"sValue": "86.4"
},
{
"label": "United Arab Emirates",
"value": "8264070",
"sValue": "93.8"
},
{
"label": "Yemen",
"value": "23580000",
"sValue": "70.1"
}
]
},
{
"label": "Central Asia",
"fillcolor": "3b4632",
"value": "67986864",
"sValue": "99.7",
"data": [
{
"label": "Kazakhstan",
"value": "17067216",
"sValue": "99.8"
},
{
"label": "Kyrgyzstan",
"value": "5940743",
"sValue": "99.5"
},
{
"label": "Tajikistan",
"value": "8628742",
"sValue": "99.8"
},
{
"label": "Turkmenistan",
"value": "5417285",
"sValue": "99.7"
},
{
"label": "Uzbekistan",
"value": "30932878",
"sValue": "99.6"
}
]
}
]
},
{
"label": "Africa",
"fillcolor": "20261b",
"value": "1206598718",
"sValue": "67.8",
"data": [
{
"label": "East Africa",
"fillcolor": "3b4632",
"value": "252185175",
"sValue": "65.8",
"data": [
{
"label": "Kenya",
"value": "45010056",
"sValue": "78"
},
{
"label": "Tanzania",
"value": "51828923",
"sValue": "80.3"
},
{
"label": "Uganda",
"value": "37873253",
"sValue": "73.9"
},
{
"label": "Djibouti",
"value": "810178",
"sValue": "67.9"
},
{
"label": "Eritrea",
"value": "6380803",
"sValue": "73.8"
},
{
"label": "Ethiopia",
"value": "99465819",
"sValue": "49.1"
},
{
"label": "Somalia",
"value": "10816143",
"sValue": "37.8"
}
]
},
{
"label": "Western Africa",
"fillcolor": "3b4632",
"value": "345670617",
"sValue": "55.1",
"data": [
{
"label": "Benin",
"value": "10879829",
"sValue": "38.4"
},
{
"label": "Burkina Faso",
"value": "17322796",
"sValue": "36"
},
{
"label": "Cape Verde",
"value": "525000",
"sValue": "87.6"
},
{
"label": "Gambia",
"value": "1882450",
"sValue": "55.5"
},
{
"label": "Ghana",
"value": "27000000",
"sValue": "76.6"
},
{
"label": "Guinea",
"value": "11628972",
"sValue": "30.4"
},
{
"label": "Guinea-Bissau",
"value": "1693398",
"sValue": "59.9"
},
{
"label": "Ivory Coast",
"value": "23919000",
"sValue": "48.7"
},
{
"label": "Liberia",
"value": "4503000",
"sValue": "47.6"
},
{
"label": "Mali",
"value": "14517176",
"sValue": "38.7"
},
{
"label": "Mauritania",
"value": "4067564",
"sValue": "52.1"
},
{
"label": "Niger",
"value": "17138707",
"sValue": "19.1"
},
{
"label": "Nigeria",
"value": "182202000",
"sValue": "59.6"
},
{
"label": "Saint Helena",
"value": "5000",
"sValue": "97"
},
{
"label": "Senegal",
"value": "13567338",
"sValue": "55.7"
},
{
"label": "Sierra Leone",
"value": "7075641",
"sValue": "48.1"
},
{
"label": "Sao Tome and Principe",
"value": "190428",
"sValue": "74.9"
},
{
"label": "Togo",
"value": "7552318",
"sValue": "66.5"
}
]
},
{
"label": "North Africa",
"fillcolor": "3b4632",
"value": "223391772",
"sValue": "77.2",
"data": [
{
"label": "Algeria",
"value": "40400000",
"sValue": "80.2"
},
{
"label": "Egypt",
"value": "90928000",
"sValue": "75.2"
},
{
"label": "Libya",
"value": "6411776",
"sValue": "91"
},
{
"label": "Morocco",
"value": "33848242",
"sValue": "72.4"
},
{
"label": "Sudan",
"value": "40235000",
"sValue": "75.9"
},
{
"label": "Tunisia",
"value": "10982754",
"sValue": "81.8"
},
{
"label": "Western Sahara",
"value": "586000",
"sValue": "64"
}
]
},
{
"label": "Central Africa",
"fillcolor": "3b4632",
"value": "122500569",
"sValue": "62",
"data": [
{
"label": "Burundi",
"value": "11178921",
"sValue": "85.6"
},
{
"label": "Central African Republic",
"value": "4709000",
"sValue": "36.8"
},
{
"label": "Chad",
"value": "13670084",
"sValue": "40.2"
},
{
"label": "Democratic Republic of the Congo",
"value": "81680000",
"sValue": "77.3"
},
{
"label": "Rwanda",
"value": "11262564",
"sValue": "70.5"
}
]
},
{
"label": "Southern Africa",
"fillcolor": "3b4632",
"value": "262850585",
"sValue": "79",
"data": [
{
"label": "Angola",
"value": "24383301",
"sValue": "71.1"
},
{
"label": "Botswana",
"value": "2155784",
"sValue": "88.5"
},
{
"label": "Democratic Republic of the Congo",
"value": "81680000",
"sValue": "79.3"
},
{
"label": "Lesotho",
"value": "2067000",
"sValue": "79.4"
},
{
"label": "Madagascar",
"value": "22434363",
"sValue": "64.7"
},
{
"label": "Malawi",
"value": "16407000",
"sValue": "65.8"
},
{
"label": "Mauritius",
"value": "1261208",
"sValue": "90.6"
},
{
"label": "Mozambique",
"value": "24692144",
"sValue": "58.8"
},
{
"label": "Namibia",
"value": "2413077",
"sValue": "81.9"
},
{
"label": "Seychelles",
"value": "95000",
"sValue": "95.2"
},
{
"label": "South Africa",
"value": "54956900",
"sValue": "94.3"
},
{
"label": "Swaziland",
"value": "1119000",
"sValue": "87.5"
},
{
"label": "Zambia",
"value": "16212000",
"sValue": "63.4"
},
{
"label": "Zimbabwe",
"value": "12973808",
"sValue": "86.5"
}
]
}
]
},
{
"label": "Europe",
"fillcolor": "20261b",
"value": "510446883",
"sValue": "96",
"data": [
{
"label": "Eastern Europe",
"fillcolor": "3b4632",
"value": "70656886",
"sValue": "99.5",
"data": [
{
"label": "Czech Republic",
"value": "10553443",
"sValue": "99.7"
},
{
"label": "Croatia",
"value": "4284889",
"sValue": "99.3"
},
{
"label": "Hungary",
"value": "9855571",
"sValue": "99.1"
},
{
"label": "Poland",
"value": "38483957",
"sValue": "99.8"
},
{
"label": "Slovakia",
"value": "5415949",
"sValue": "99.6"
},
{
"label": "Slovenia",
"value": "2063077",
"sValue": "99.7"
}
]
},
{
"label": "Western Europe",
"fillcolor": "3b4632",
"value": "193882030",
"sValue": "99.2",
"data": [
{
"label": "Austria",
"value": "8662588",
"sValue": "98"
},
{
"label": "Belgium",
"value": "11250585",
"sValue": "99"
},
{
"label": "France",
"value": "66660000",
"sValue": "99"
},
{
"label": "Germany",
"value": "81459000",
"sValue": "99.8"
},
{
"label": "Liechtenstein",
"value": "37340",
"sValue": "100"
},
{
"label": "Luxembourg",
"value": "562958",
"sValue": "100"
},
{
"label": "Monaco",
"value": "37800",
"sValue": "99"
},
{
"label": "Netherlands",
"value": "17000059",
"sValue": "99"
},
{
"label": "Switzerland",
"value": "8211700",
"sValue": "99"
}
]
},
{
"label": "Southern Europe",
"fillcolor": "3b4632",
"value": "156301051",
"sValue": "97.7",
"data": [
{
"label": "Andorra",
"value": "84082",
"sValue": "100"
},
{
"label": "Portugal",
"value": "11317192",
"sValue": "95.7"
},
{
"label": "Spain",
"value": "46030109",
"sValue": "98.1"
},
{
"label": "Italy",
"value": "60418711",
"sValue": "99.2"
},
{
"label": "San Marino",
"value": "31716",
"sValue": "96"
},
{
"label": "Vatican City",
"value": "826",
"sValue": "100"
},
{
"label": "Albania",
"value": "2821977",
"sValue": "97.6"
},
{
"label": "Bosnia and Herzegovina",
"value": "4613414",
"sValue": "98.5"
},
{
"label": "Bulgaria",
"value": "7364570",
"sValue": "98.4"
},
{
"label": "Croatia",
"value": "4489409",
"sValue": "99.3"
},
{
"label": "Greece",
"value": "11295002",
"sValue": "97.7"
},
{
"label": "Kosovo",
"value": "1859203",
"sValue": "91.9"
},
{
"label": "Macedonia",
"value": "2114550",
"sValue": "97.8"
},
{
"label": "Malta",
"value": "412966",
"sValue": "94.1"
},
{
"label": "Montenegro",
"value": "672181",
"sValue": "98.7"
},
{
"label": "Serbia",
"value": "712066",
"sValue": "98.1"
},
{
"label": "Slovenia",
"value": "2063077",
"sValue": "99.7"
}
]
},
{
"label": "Northern Europe",
"fillcolor": "20261b",
"value": "89606916",
"sValue": "87.8",
"data": [
{
"label": "Iceland",
"value": "332529",
"sValue": "99"
},
{
"label": "Ireland",
"value": "4635400",
"sValue": "17.9"
},
{
"label": "Latvia",
"value": "1973700",
"sValue": "99.9"
},
{
"label": "Lithuania",
"value": "2875593",
"sValue": "99.8"
},
{
"label": "Norway",
"value": "5214900",
"sValue": "100"
},
{
"label": "Sweden",
"value": "9858794",
"sValue": "99"
},
{
"label": "United Kingdom",
"value": "64716000",
"sValue": "99"
}
]
}
]
},
{
"label": "North America",
"fillcolor": "20261b",
"value": "398381811",
"sValue": "88.4",
"data": [
{
"label": "Northern America",
"fillcolor": "3b4632",
"value": "355073106",
"sValue": "89",
"data": [
{
"label": "Bermuda",
"value": "64237",
"sValue": "98"
},
{
"label": "Canada",
"value": "35540419",
"sValue": "50"
},
{
"label": "Greenland",
"value": "56370",
"sValue": "100"
},
{
"label": "Saint Pierre and Miquelon",
"value": "6080",
"sValue": "99"
},
{
"label": "United States",
"value": "319406000",
"sValue": "98"
}
]
},
{
"label": "Central America",
"fillcolor": "3b4632",
"value": "43308705",
"sValue": "87.8",
"data": [
{
"label": "Belize",
"value": "334297",
"sValue": "82.7"
},
{
"label": "Costa Rica",
"value": "4695942",
"sValue": "97.8"
},
{
"label": "El Salvador",
"value": "6108590",
"sValue": "88.4"
},
{
"label": "Guatemala",
"value": "14373472",
"sValue": "79.3"
},
{
"label": "Honduras",
"value": "8448465",
"sValue": "88.5"
},
{
"label": "Nicaragua",
"value": "5788531",
"sValue": "82.8"
},
{
"label": "Panama",
"value": "3559408",
"sValue": "95"
}
]
}
]
},
{
"label": "South America",
"fillcolor": "20261b",
"value": "403567675",
"sValue": "94.8",
"data": [
{
"label": "Argentina",
"value": "40482000",
"sValue": "98.1"
},
{
"label": "Bolivia",
"value": "9863000",
"sValue": "95.7"
},
{
"label": "Brazil",
"value": "202241714",
"sValue": "92.6"
},
{
"label": "Chile",
"value": "16928873",
"sValue": "97.3"
},
{
"label": "Colombia",
"value": "46920000",
"sValue": "94.7"
},
{
"label": "Ecuador",
"value": "14573101",
"sValue": "94.5"
},
{
"label": "Falkland Islands",
"value": "3140",
"sValue": "99"
},
{
"label": "French Guiana",
"value": "221500",
"sValue": "83"
},
{
"label": "Guyana",
"value": "772298",
"sValue": "88.5"
},
{
"label": "Paraguay",
"value": "6831306",
"sValue": "95.6"
},
{
"label": "Peru",
"value": "29132013",
"sValue": "94.5"
},
{
"label": "South Georgia",
"value": "20",
"sValue": "99.8"
},
{
"label": "Suriname",
"value": "472000",
"sValue": "95.6"
},
{
"label": "Uruguay",
"value": "3477780",
"sValue": "98.4"
},
{
"label": "Venezuela",
"value": "31648930",
"sValue": "95.4"
}
]
},
{
"label": "Australia",
"fillcolor": "20261b",
"value": "18283291",
"sValue": "67.9",
"data": [
{
"label": "Sydney",
"value": "4840628",
"sValue": "99"
},
{
"label": "Melbourne",
"value": "4440328",
"sValue": "99"
},
{
"label": "Brisbane",
"value": "2274560",
"sValue": "99"
},
{
"label": "Perth",
"value": "2021203",
"sValue": "55"
},
{
"label": "Adelaide",
"value": "1304631",
"sValue": "52"
},
{
"label": "Gold Coast–Tweed Heads",
"value": "614379",
"sValue": "81.9"
},
{
"label": "Newcastle–Maitland",
"value": "430755",
"sValue": "85"
},
{
"label": "Canberra–Queanbeyan",
"value": "422510",
"sValue": "52"
},
{
"label": "Sunshine Coast",
"value": "297380",
"sValue": "51"
},
{
"label": "Wollongong",
"value": "289236",
"sValue": "55"
},
{
"label": "Hobart",
"value": "219543",
"sValue": "65"
},
{
"label": "Geelong",
"value": "184182",
"sValue": "60"
},
{
"label": "Townsville",
"value": "178649",
"sValue": "59.5"
},
{
"label": "Cairns",
"value": "146778",
"sValue": "84.1"
},
{
"label": "Darwin",
"value": "140386",
"sValue": "59.2"
},
{
"label": "Toowoomba",
"value": "113625",
"sValue": "78.5"
},
{
"label": "Ballarat",
"value": "98543",
"sValue": "41.2"
},
{
"label": "Bendigo",
"value": "91692",
"sValue": "47"
},
{
"label": "Albury–Wodonga",
"value": "87890",
"sValue": "78.2"
},
{
"label": "Launceston",
"value": "86393",
"sValue": "57"
}
]
},
{
"label": "Antarctica",
"fillcolor": "20261b",
"value": "4490",
"sValue": "82.6",
"data": [
{
"label": "Antarctica",
"value": "4490",
"sValue": "82.6"
}
]
}
]
}
],
"colorrange": {
"mapbypercent": "1",
"gradient": "1",
"minvalue": "0",
"code": "001900",
"startlabel": "Low",
"endlabel": "High",
"color": [
{
"code": "00cc00",
"maxvalue": "100",
"label": "High"
}
]
}
}
<html>
<head>
<title>My first chart using FusionCharts Suite XT</title>
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js?cacheBust=56"></script>
<script type="text/javascript">
FusionCharts.ready(function(){
var fusioncharts = new FusionCharts({
type: 'treemap',
renderAt: 'chart-container',
width: '700',
height: '550',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "Region-wise Literacy Rates in 2015",
"subcaption": "World Population",
"animation": "0",
"shownavigationbar": "1",
"plotToolText": "<div><b>$label</b><br/><b>Literacy Rate : </b>$svalue%<br/><b>Population : </b>$datavalue</div>",
"horizontalPadding": "0",
"verticalPadding": "0",
"plotborderthickness": ".5",
"plotbordercolor": "e6e6e6",
"chartBottomMargin": "0",
"labelGlow": "0",
"labelFontColor": "ffffff",
"labelFontSize": "8",
"labelFontBold": "1",
"parentLabelLineHeight": "9",
"showLegend": "1",
"legendpadding": "0",
"legendItemFontSize": "8",
"legendItemFontBold": "1",
"legenditemfontcolor": "3d5c5c",
"legendScaleLineThickness": "0",
"legendCaptionFontSize": "10",
"legendspreadfactor": ".7",
"legendCaption": "Literacy Rate (%)",
"formatNumberScale": "1",
"numberScaleUnit": ", K, M, B",
"numberScaleValue": "1, 1000, 1000, 1000",
"forceNumberScale": "1",
"theme": "zune"
},
"data": [{
"label": "World",
"fillcolor": "000000",
"value": "6621397806",
"svalue": "86.3",
"data": [{
"label": "Asia",
"fillcolor": "20261b",
"value": "4084114938",
"svalue": "89.5",
"data": [{
"label": "South Asia",
"fillcolor": "3b4632",
"value": "1635488712",
"svalue": "69",
"data": [{
"label": "India",
"value": "1205073612",
"sValue": "72.1"
}, {
"label": "Sri Lanka",
"value": "21481334",
"sValue": "92.6"
}, {
"label": "Bhutan",
"value": "716896",
"sValue": "64.9"
}, {
"label": "Bangladesh",
"value": "161083804",
"sValue": "61.5"
}, {
"label": "Maldives",
"value": "394451",
"sValue": "99.3"
}, {
"label": "Afghanistan",
"value": "26556800",
"sValue": "38.2"
}, {
"label": "Pakistan",
"value": "190291129",
"sValue": "58.7"
}, {
"label": "Nepal",
"value": "29890686",
"sValue": "64.7"
}]
}, {
"label": "East Asia",
"fillcolor": "3b4632",
"value": "1610979712",
"sValue": "97.2",
"data": [{
"label": "China",
"value": "1373000000",
"sValue": "96.4"
}, {
"label": "Hong Kong",
"value": "7298600",
"sValue": "93.5"
}, {
"label": "Japan",
"value": "126890000",
"sValue": "96.7"
}, {
"label": "Macau",
"value": "642900",
"sValue": "96.2"
}, {
"label": "Mongolia",
"value": "3041648",
"sValue": "98.4"
}, {
"label": "North Korea",
"value": "25155000",
"sValue": "100"
}, {
"label": "South Korea",
"value": "51482816",
"sValue": "97.9"
}, {
"label": "Taiwan",
"value": "23468748",
"sValue": "98.5"
}]
}, {
"label": "Southeast Asia",
"fillcolor": "3b4632",
"value": "621696000",
"sValue": "89.7",
"data": [{
"label": "Brunei",
"value": "453000",
"sValue": "96.4"
}, {
"label": "Cambodia",
"value": "15561000",
"sValue": "77.2"
}, {
"label": "East Timor",
"value": "1172000",
"sValue": "67.5"
}, {
"label": "Indonesia",
"value": "251490000",
"sValue": "93.9"
}, {
"label": "Laos",
"value": "6557000",
"sValue": "79.9"
}, {
"label": "Malaysia",
"value": "30034000",
"sValue": "94.6"
}, {
"label": "Myanmar",
"value": "51419000",
"sValue": "93.1"
}, {
"label": "Philippines",
"value": "101649000",
"sValue": "96.3"
}, {
"label": "Singapore",
"value": "5554000",
"sValue": "96.8"
}, {
"label": "Thailand",
"value": "65236000",
"sValue": "96.7"
}, {
"label": "Vietnam",
"value": "92571000",
"sValue": "94.5"
}]
}, {
"label": "Western Asia",
"fillcolor": "3b4632",
"value": "147963650",
"svalue": "91.8",
"data": [{
"label": "Bahrain",
"value": "1234596",
"sValue": "95.7"
}, {
"label": "Iraq",
"value": "33635000",
"sValue": "79.7"
}, {
"label": "Israel",
"value": "7653600",
"sValue": "97.8"
}, {
"label": "Jordan",
"value": "6318677",
"sValue": "96.7"
}, {
"label": "Kuwait",
"value": "3566437",
"sValue": "96.2"
}, {
"label": "Lebanon",
"value": "4228000",
"sValue": "93.9"
}, {
"label": "Oman",
"value": "2694094",
"sValue": "94.8"
}, {
"label": "Palestine",
"value": "4260636",
"sValue": "96.7"
}, {
"label": "Qatar",
"value": "1696563",
"sValue": "97.8"
}, {
"label": "Saudi Arabia",
"value": "27136977",
"sValue": "94.7"
}, {
"label": "Syria",
"value": "23695000",
"sValue": "86.4"
}, {
"label": "United Arab Emirates",
"value": "8264070",
"sValue": "93.8"
}, {
"label": "Yemen",
"value": "23580000",
"sValue": "70.1"
}]
}, {
"label": "Central Asia",
"fillcolor": "3b4632",
"value": "67986864",
"sValue": "99.7",
"data": [{
"label": "Kazakhstan",
"value": "17067216",
"sValue": "99.8"
}, {
"label": "Kyrgyzstan",
"value": "5940743",
"sValue": "99.5"
}, {
"label": "Tajikistan",
"value": "8628742",
"sValue": "99.8"
}, {
"label": "Turkmenistan",
"value": "5417285",
"sValue": "99.7"
}, {
"label": "Uzbekistan",
"value": "30932878",
"sValue": "99.6"
}]
}]
}, {
"label": "Africa",
"fillcolor": "20261b",
"value": "1206598718",
"sValue": "67.8",
"data": [{
"label": "East Africa",
"fillcolor": "3b4632",
"value": "252185175",
"sValue": "65.8",
"data": [{
"label": "Kenya",
"value": "45010056",
"sValue": "78"
}, {
"label": "Tanzania",
"value": "51828923",
"sValue": "80.3"
}, {
"label": "Uganda",
"value": "37873253",
"sValue": "73.9"
}, {
"label": "Djibouti",
"value": "810178",
"sValue": "67.9"
}, {
"label": "Eritrea",
"value": "6380803",
"sValue": "73.8"
}, {
"label": "Ethiopia",
"value": "99465819",
"sValue": "49.1"
}, {
"label": "Somalia",
"value": "10816143",
"sValue": "37.8"
}]
}, {
"label": "Western Africa",
"fillcolor": "3b4632",
"value": "345670617",
"sValue": "55.1",
"data": [{
"label": "Benin",
"value": "10879829",
"sValue": "38.4"
}, {
"label": "Burkina Faso",
"value": "17322796",
"sValue": "36"
}, {
"label": "Cape Verde",
"value": "525000",
"sValue": "87.6"
}, {
"label": "Gambia",
"value": "1882450",
"sValue": "55.5"
}, {
"label": "Ghana",
"value": "27000000",
"sValue": "76.6"
}, {
"label": "Guinea",
"value": "11628972",
"sValue": "30.4"
}, {
"label": "Guinea-Bissau",
"value": "1693398",
"sValue": "59.9"
}, {
"label": "Ivory Coast",
"value": "23919000",
"sValue": "48.7"
}, {
"label": "Liberia",
"value": "4503000",
"sValue": "47.6"
}, {
"label": "Mali",
"value": "14517176",
"sValue": "38.7"
}, {
"label": "Mauritania",
"value": "4067564",
"sValue": "52.1"
}, {
"label": "Niger",
"value": "17138707",
"sValue": "19.1"
}, {
"label": "Nigeria",
"value": "182202000",
"sValue": "59.6"
}, {
"label": "Saint Helena",
"value": "5000",
"sValue": "97"
}, {
"label": "Senegal",
"value": "13567338",
"sValue": "55.7"
}, {
"label": "Sierra Leone",
"value": "7075641",
"sValue": "48.1"
}, {
"label": "Sao Tome and Principe",
"value": "190428",
"sValue": "74.9"
}, {
"label": "Togo",
"value": "7552318",
"sValue": "66.5"
}]
}, {
"label": "North Africa",
"fillcolor": "3b4632",
"value": "223391772",
"sValue": "77.2",
"data": [{
"label": "Algeria",
"value": "40400000",
"sValue": "80.2"
}, {
"label": "Egypt",
"value": "90928000",
"sValue": "75.2"
}, {
"label": "Libya",
"value": "6411776",
"sValue": "91"
}, {
"label": "Morocco",
"value": "33848242",
"sValue": "72.4"
}, {
"label": "Sudan",
"value": "40235000",
"sValue": "75.9"
}, {
"label": "Tunisia",
"value": "10982754",
"sValue": "81.8"
}, {
"label": "Western Sahara",
"value": "586000",
"sValue": "64"
}]
}, {
"label": "Central Africa",
"fillcolor": "3b4632",
"value": "122500569",
"sValue": "62",
"data": [{
"label": "Burundi",
"value": "11178921",
"sValue": "85.6"
}, {
"label": "Central African Republic",
"value": "4709000",
"sValue": "36.8"
}, {
"label": "Chad",
"value": "13670084",
"sValue": "40.2"
}, {
"label": "Democratic Republic of the Congo",
"value": "81680000",
"sValue": "77.3"
}, {
"label": "Rwanda",
"value": "11262564",
"sValue": "70.5"
}]
}, {
"label": "Southern Africa",
"fillcolor": "3b4632",
"value": "262850585",
"sValue": "79",
"data": [{
"label": "Angola",
"value": "24383301",
"sValue": "71.1"
}, {
"label": "Botswana",
"value": "2155784",
"sValue": "88.5"
}, {
"label": "Democratic Republic of the Congo",
"value": "81680000",
"sValue": "79.3"
}, {
"label": "Lesotho",
"value": "2067000",
"sValue": "79.4"
}, {
"label": "Madagascar",
"value": "22434363",
"sValue": "64.7"
}, {
"label": "Malawi",
"value": "16407000",
"sValue": "65.8"
}, {
"label": "Mauritius",
"value": "1261208",
"sValue": "90.6"
}, {
"label": "Mozambique",
"value": "24692144",
"sValue": "58.8"
}, {
"label": "Namibia",
"value": "2413077",
"sValue": "81.9"
}, {
"label": "Seychelles",
"value": "95000",
"sValue": "95.2"
}, {
"label": "South Africa",
"value": "54956900",
"sValue": "94.3"
}, {
"label": "Swaziland",
"value": "1119000",
"sValue": "87.5"
}, {
"label": "Zambia",
"value": "16212000",
"sValue": "63.4"
}, {
"label": "Zimbabwe",
"value": "12973808",
"sValue": "86.5"
}]
}]
}, {
"label": "Europe",
"fillcolor": "20261b",
"value": "510446883",
"sValue": "96",
"data": [{
"label": "Eastern Europe",
"fillcolor": "3b4632",
"value": "70656886",
"sValue": "99.5",
"data": [{
"label": "Czech Republic",
"value": "10553443",
"sValue": "99.7"
}, {
"label": "Croatia",
"value": "4284889",
"sValue": "99.3"
}, {
"label": "Hungary",
"value": "9855571",
"sValue": "99.1"
}, {
"label": "Poland",
"value": "38483957",
"sValue": "99.8"
}, {
"label": "Slovakia",
"value": "5415949",
"sValue": "99.6"
}, {
"label": "Slovenia",
"value": "2063077",
"sValue": "99.7"
}]
}, {
"label": "Western Europe",
"fillcolor": "3b4632",
"value": "193882030",
"sValue": "99.2",
"data": [{
"label": "Austria",
"value": "8662588",
"sValue": "98"
}, {
"label": "Belgium",
"value": "11250585",
"sValue": "99"
}, {
"label": "France",
"value": "66660000",
"sValue": "99"
}, {
"label": "Germany",
"value": "81459000",
"sValue": "99.8"
}, {
"label": "Liechtenstein",
"value": "37340",
"sValue": "100"
}, {
"label": "Luxembourg",
"value": "562958",
"sValue": "100"
}, {
"label": "Monaco",
"value": "37800",
"sValue": "99"
}, {
"label": "Netherlands",
"value": "17000059",
"sValue": "99"
}, {
"label": "Switzerland",
"value": "8211700",
"sValue": "99"
}]
}, {
"label": "Southern Europe",
"fillcolor": "3b4632",
"value": "156301051",
"sValue": "97.7",
"data": [{
"label": "Andorra",
"value": "84082",
"sValue": "100"
}, {
"label": "Portugal",
"value": "11317192",
"sValue": "95.7"
}, {
"label": "Spain",
"value": "46030109",
"sValue": "98.1"
}, {
"label": "Italy",
"value": "60418711",
"sValue": "99.2"
}, {
"label": "San Marino",
"value": "31716",
"sValue": "96"
}, {
"label": "Vatican City",
"value": "826",
"sValue": "100"
}, {
"label": "Albania",
"value": "2821977",
"sValue": "97.6"
}, {
"label": "Bosnia and Herzegovina",
"value": "4613414",
"sValue": "98.5"
}, {
"label": "Bulgaria",
"value": "7364570",
"sValue": "98.4"
}, {
"label": "Croatia",
"value": "4489409",
"sValue": "99.3"
}, {
"label": "Greece",
"value": "11295002",
"sValue": "97.7"
}, {
"label": "Kosovo",
"value": "1859203",
"sValue": "91.9"
}, {
"label": "Macedonia",
"value": "2114550",
"sValue": "97.8"
}, {
"label": "Malta",
"value": "412966",
"sValue": "94.1"
}, {
"label": "Montenegro",
"value": "672181",
"sValue": "98.7"
}, {
"label": "Serbia",
"value": "712066",
"sValue": "98.1"
}, {
"label": "Slovenia",
"value": "2063077",
"sValue": "99.7"
}]
}, {
"label": "Northern Europe",
"fillcolor": "20261b",
"value": "89606916",
"sValue": "87.8",
"data": [{
"label": "Iceland",
"value": "332529",
"sValue": "99"
}, {
"label": "Ireland",
"value": "4635400",
"sValue": "17.9"
}, {
"label": "Latvia",
"value": "1973700",
"sValue": "99.9"
}, {
"label": "Lithuania",
"value": "2875593",
"sValue": "99.8"
}, {
"label": "Norway",
"value": "5214900",
"sValue": "100"
}, {
"label": "Sweden",
"value": "9858794",
"sValue": "99"
}, {
"label": "United Kingdom",
"value": "64716000",
"sValue": "99"
}]
}]
}, {
"label": "North America",
"fillcolor": "20261b",
"value": "398381811",
"sValue": "88.4",
"data": [{
"label": "Northern America",
"fillcolor": "3b4632",
"value": "355073106",
"sValue": "89",
"data": [{
"label": "Bermuda",
"value": "64237",
"sValue": "98"
}, {
"label": "Canada",
"value": "35540419",
"sValue": "50"
}, {
"label": "Greenland",
"value": "56370",
"sValue": "100"
}, {
"label": "Saint Pierre and Miquelon",
"value": "6080",
"sValue": "99"
}, {
"label": "United States",
"value": "319406000",
"sValue": "98"
}]
}, {
"label": "Central America",
"fillcolor": "3b4632",
"value": "43308705",
"sValue": "87.8",
"data": [{
"label": "Belize",
"value": "334297",
"sValue": "82.7"
}, {
"label": "Costa Rica",
"value": "4695942",
"sValue": "97.8"
}, {
"label": "El Salvador",
"value": "6108590",
"sValue": "88.4"
}, {
"label": "Guatemala",
"value": "14373472",
"sValue": "79.3"
}, {
"label": "Honduras",
"value": "8448465",
"sValue": "88.5"
}, {
"label": "Nicaragua",
"value": "5788531",
"sValue": "82.8"
}, {
"label": "Panama",
"value": "3559408",
"sValue": "95"
}]
}]
}, {
"label": "South America",
"fillcolor": "20261b",
"value": "403567675",
"sValue": "94.8",
"data": [{
"label": "Argentina",
"value": "40482000",
"sValue": "98.1"
}, {
"label": "Bolivia",
"value": "9863000",
"sValue": "95.7"
}, {
"label": "Brazil",
"value": "202241714",
"sValue": "92.6"
}, {
"label": "Chile",
"value": "16928873",
"sValue": "97.3"
}, {
"label": "Colombia",
"value": "46920000",
"sValue": "94.7"
}, {
"label": "Ecuador",
"value": "14573101",
"sValue": "94.5"
}, {
"label": "Falkland Islands",
"value": "3140",
"sValue": "99"
}, {
"label": "French Guiana",
"value": "221500",
"sValue": "83"
}, {
"label": "Guyana",
"value": "772298",
"sValue": "88.5"
}, {
"label": "Paraguay",
"value": "6831306",
"sValue": "95.6"
}, {
"label": "Peru",
"value": "29132013",
"sValue": "94.5"
}, {
"label": "South Georgia",
"value": "20",
"sValue": "99.8"
}, {
"label": "Suriname",
"value": "472000",
"sValue": "95.6"
}, {
"label": "Uruguay",
"value": "3477780",
"sValue": "98.4"
}, {
"label": "Venezuela",
"value": "31648930",
"sValue": "95.4"
}]
}, {
"label": "Australia",
"fillcolor": "20261b",
"value": "18283291",
"sValue": "67.9",
"data": [{
"label": "Sydney",
"value": "4840628",
"sValue": "99"
}, {
"label": "Melbourne",
"value": "4440328",
"sValue": "99"
}, {
"label": "Brisbane",
"value": "2274560",
"sValue": "99"
}, {
"label": "Perth",
"value": "2021203",
"sValue": "55"
}, {
"label": "Adelaide",
"value": "1304631",
"sValue": "52"
}, {
"label": "Gold Coast–Tweed Heads",
"value": "614379",
"sValue": "81.9"
}, {
"label": "Newcastle–Maitland",
"value": "430755",
"sValue": "85"
}, {
"label": "Canberra–Queanbeyan",
"value": "422510",
"sValue": "52"
}, {
"label": "Sunshine Coast",
"value": "297380",
"sValue": "51"
}, {
"label": "Wollongong",
"value": "289236",
"sValue": "55"
}, {
"label": "Hobart",
"value": "219543",
"sValue": "65"
}, {
"label": "Geelong",
"value": "184182",
"sValue": "60"
}, {
"label": "Townsville",
"value": "178649",
"sValue": "59.5"
}, {
"label": "Cairns",
"value": "146778",
"sValue": "84.1"
}, {
"label": "Darwin",
"value": "140386",
"sValue": "59.2"
}, {
"label": "Toowoomba",
"value": "113625",
"sValue": "78.5"
}, {
"label": "Ballarat",
"value": "98543",
"sValue": "41.2"
}, {
"label": "Bendigo",
"value": "91692",
"sValue": "47"
}, {
"label": "Albury–Wodonga",
"value": "87890",
"sValue": "78.2"
}, {
"label": "Launceston",
"value": "86393",
"sValue": "57"
}]
}, {
"label": "Antarctica",
"fillcolor": "20261b",
"value": "4490",
"sValue": "82.6",
"data": [{
"label": "Antarctica",
"value": "4490",
"sValue": "82.6"
}]
}]
}],
"colorrange": {
"mapbypercent": "1",
"gradient": "1",
"minvalue": "0",
"code": "001900",
"startlabel": "Low",
"endlabel": "High",
"color": [{
"code": "00cc00",
"maxvalue": "100",
"label": "High"
}]
}
}
});
fusioncharts.render();
});
</script>
</head>
<body>
<div id="chart-container">FusionCharts XT will load here!</div>
</body>
</html>
This treemap shows the global population by continent as of 2015 with their literacy rate.
In the above chart when a child node is clicked, the clicked node and its subtree replaces the current root node. For example, when any node under Southeast Asia Region is clicked, the chart view changes to what is shown in the image below:
Observe that all the parent nodes are visible in the navigation bar and you can switch to any of them directly by clicking them.
Given below is a brief description of the attribute used to render the treemap with a navigation bar :
Attribute Name | Description |
---|---|
|
This attribute displays the navigation bar which will either show the traversed path and will provide an ability to switch to any traversed parent in a click or a previous toolbar that only allows to go back one step or at root level. |
Coloring the Treemap Data Plots
In a data-driven treemap, color ranges are used to define colors for data plots based on their values. For a treemap, data plot colors can be defined:
- automatically, depending on the data value, using the
colorRange
object - manually, using the
fillColor
attribute
The data plot color in the sample treemap used so far is assigned using the colorRange
object. The colorRange
object is used to define the numeric ranges for the gradient legend. A color is then assigned to a data plot based on where the value of the sValue
attribute falls within the numeric range.
Customizing Individual Data Plots
Given below is a brief description of attributes that can be used to customize individual data plots:
Attribute Name | Description |
---|---|
|
Sets the hex code for the color to be used for the data plot. The |
|
Sets the hex code for the color to be used for the data plot label. The |
Only the font color can be customized for individual data plots. Other font customizations like the font family or the font size are not available at the individual data plot level.
Customizing All Text Within the Chart Canvas
The base font customization attributes affect all text on the chart, including all the captions and sub-captions.
Given below is a brief description of the base font customization attributes:
Attribute Name | Description |
---|---|
|
Sets the font family for the text |
|
Sets the font size for the text |
|
Sets the hex code for the text color |
Customizing Only the Data Labels
The label font customization attributes affect only the data labels.
Given below is a brief description of the label font customization attributes:
Attribute Name | Description |
---|---|
|
Sets the font family for the label text |
|
Sets the font size for the label text |
|
Sets the hex code for the label text color |
|
Set this attribute to |
|
Set this attribute to |
Applying the Glow Effect to Data Labels
The glow effect in treemap labels is the application of background color to the data labels, in a color different from the labelFontColor
.
The glow effect is useful when the data label font color and the rectangle fill color is the same or similar, especially when the chart is rendered with a gradient legend.
A sample treemap with the data labels customized is shown below:
Literacy Rate : $svalue%
Population : $datavalue
{
"chart": {
"caption": "Region-wise Literacy Rates in 2015",
"subcaption": "World Population",
"animation": "0",
"shownavigationbar": "1",
"plotToolText": "<div><b>$label</b><br/><b>Literacy Rate : </b>$svalue%<br/><b>Population : </b>$datavalue</div>",
"horizontalPadding": "0",
"verticalPadding": "0",
"plotborderthickness": ".5",
"plotbordercolor": "e6e6e6",
"chartBottomMargin": "0",
"labelGlow": "1",
"labelFontColor": "ffffff",
"labelFontSize": "8",
"labelFontBold": "1",
"labelGlowColor": "#cccc00",
"labelGlowIntensity": "50",
"labelGlowRadius": "10",
"parentLabelLineHeight": "9",
"showLegend": "1",
"legendpadding": "0",
"legendItemFontSize": "8",
"legendItemFontBold": "1",
"legendPointerWidth": "8",
"legenditemfontcolor": "3d5c5c",
"legendScaleLineThickness": "0",
"legendCaptionFontSize": "10",
"legendspreadfactor": ".7",
"legendCaption": "Literacy Rate (%)",
"formatNumberScale": "1",
"numberScaleUnit": ", K, M, B",
"numberScaleValue": "1, 1000, 1000, 1000",
"forceNumberScale": "1",
"theme": "zune"
},
"data": [
{
"label": "World",
"fillcolor": "000000",
"value": "6621397806",
"svalue": "86.3",
"data": [
{
"label": "Asia",
"fillcolor": "20261b",
"value": "4084114938",
"svalue": "89.5",
"data": [
{
"label": "South Asia",
"fillcolor": "3b4632",
"value": "1635488712",
"svalue": "69",
"data": [
{
"label": "India",
"value": "1205073612",
"sValue": "72.1"
},
{
"label": "Sri Lanka",
"value": "21481334",
"sValue": "92.6"
},
{
"label": "Bhutan",
"value": "716896",
"sValue": "64.9"
},
{
"label": "Bangladesh",
"value": "161083804",
"sValue": "61.5"
},
{
"label": "Maldives",
"value": "394451",
"sValue": "99.3"
},
{
"label": "Afghanistan",
"value": "26556800",
"sValue": "38.2"
},
{
"label": "Pakistan",
"value": "190291129",
"sValue": "58.7"
},
{
"label": "Nepal",
"value": "29890686",
"sValue": "64.7"
}
]
},
{
"label": "East Asia",
"fillcolor": "3b4632",
"value": "1610979712",
"sValue": "97.2",
"data": [
{
"label": "China",
"value": "1373000000",
"sValue": "96.4"
},
{
"label": "Hong Kong",
"value": "7298600",
"sValue": "93.5"
},
{
"label": "Japan",
"value": "126890000",
"sValue": "96.7"
},
{
"label": "Macau",
"value": "642900",
"sValue": "96.2"
},
{
"label": "Mongolia",
"value": "3041648",
"sValue": "98.4"
},
{
"label": "North Korea",
"value": "25155000",
"sValue": "100"
},
{
"label": "South Korea",
"value": "51482816",
"sValue": "97.9"
},
{
"label": "Taiwan",
"value": "23468748",
"sValue": "98.5"
}
]
},
{
"label": "Southeast Asia",
"fillcolor": "3b4632",
"value": "621696000",
"sValue": "89.7",
"data": [
{
"label": "Brunei",
"value": "453000",
"sValue": "96.4"
},
{
"label": "Cambodia",
"value": "15561000",
"sValue": "77.2"
},
{
"label": "East Timor",
"value": "1172000",
"sValue": "67.5"
},
{
"label": "Indonesia",
"value": "251490000",
"sValue": "93.9"
},
{
"label": "Laos",
"value": "6557000",
"sValue": "79.9"
},
{
"label": "Malaysia",
"value": "30034000",
"sValue": "94.6"
},
{
"label": "Myanmar",
"value": "51419000",
"sValue": "93.1"
},
{
"label": "Philippines",
"value": "101649000",
"sValue": "96.3"
},
{
"label": "Singapore",
"value": "5554000",
"sValue": "96.8"
},
{
"label": "Thailand",
"value": "65236000",
"sValue": "96.7"
},
{
"label": "Vietnam",
"value": "92571000",
"sValue": "94.5"
}
]
},
{
"label": "Western Asia",
"fillcolor": "3b4632",
"value": "147963650",
"svalue": "91.8",
"data": [
{
"label": "Bahrain",
"value": "1234596",
"sValue": "95.7"
},
{
"label": "Iraq",
"value": "33635000",
"sValue": "79.7"
},
{
"label": "Israel",
"value": "7653600",
"sValue": "97.8"
},
{
"label": "Jordan",
"value": "6318677",
"sValue": "96.7"
},
{
"label": "Kuwait",
"value": "3566437",
"sValue": "96.2"
},
{
"label": "Lebanon",
"value": "4228000",
"sValue": "93.9"
},
{
"label": "Oman",
"value": "2694094",
"sValue": "94.8"
},
{
"label": "Palestine",
"value": "4260636",
"sValue": "96.7"
},
{
"label": "Qatar",
"value": "1696563",
"sValue": "97.8"
},
{
"label": "Saudi Arabia",
"value": "27136977",
"sValue": "94.7"
},
{
"label": "Syria",
"value": "23695000",
"sValue": "86.4"
},
{
"label": "United Arab Emirates",
"value": "8264070",
"sValue": "93.8"
},
{
"label": "Yemen",
"value": "23580000",
"sValue": "70.1"
}
]
},
{
"label": "Central Asia",
"fillcolor": "3b4632",
"value": "67986864",
"sValue": "99.7",
"data": [
{
"label": "Kazakhstan",
"value": "17067216",
"sValue": "99.8"
},
{
"label": "Kyrgyzstan",
"value": "5940743",
"sValue": "99.5"
},
{
"label": "Tajikistan",
"value": "8628742",
"sValue": "99.8"
},
{
"label": "Turkmenistan",
"value": "5417285",
"sValue": "99.7"
},
{
"label": "Uzbekistan",
"value": "30932878",
"sValue": "99.6"
}
]
}
]
},
{
"label": "Africa",
"fillcolor": "20261b",
"value": "1206598718",
"sValue": "67.8",
"data": [
{
"label": "East Africa",
"fillcolor": "3b4632",
"value": "252185175",
"sValue": "65.8",
"data": [
{
"label": "Kenya",
"value": "45010056",
"sValue": "78"
},
{
"label": "Tanzania",
"value": "51828923",
"sValue": "80.3"
},
{
"label": "Uganda",
"value": "37873253",
"sValue": "73.9"
},
{
"label": "Djibouti",
"value": "810178",
"sValue": "67.9"
},
{
"label": "Eritrea",
"value": "6380803",
"sValue": "73.8"
},
{
"label": "Ethiopia",
"value": "99465819",
"sValue": "49.1"
},
{
"label": "Somalia",
"value": "10816143",
"sValue": "37.8"
}
]
},
{
"label": "Western Africa",
"fillcolor": "3b4632",
"value": "345670617",
"sValue": "55.1",
"data": [
{
"label": "Benin",
"value": "10879829",
"sValue": "38.4"
},
{
"label": "Burkina Faso",
"value": "17322796",
"sValue": "36"
},
{
"label": "Cape Verde",
"value": "525000",
"sValue": "87.6"
},
{
"label": "Gambia",
"value": "1882450",
"sValue": "55.5"
},
{
"label": "Ghana",
"value": "27000000",
"sValue": "76.6"
},
{
"label": "Guinea",
"value": "11628972",
"sValue": "30.4"
},
{
"label": "Guinea-Bissau",
"value": "1693398",
"sValue": "59.9"
},
{
"label": "Ivory Coast",
"value": "23919000",
"sValue": "48.7"
},
{
"label": "Liberia",
"value": "4503000",
"sValue": "47.6"
},
{
"label": "Mali",
"value": "14517176",
"sValue": "38.7"
},
{
"label": "Mauritania",
"value": "4067564",
"sValue": "52.1"
},
{
"label": "Niger",
"value": "17138707",
"sValue": "19.1"
},
{
"label": "Nigeria",
"value": "182202000",
"sValue": "59.6"
},
{
"label": "Saint Helena",
"value": "5000",
"sValue": "97"
},
{
"label": "Senegal",
"value": "13567338",
"sValue": "55.7"
},
{
"label": "Sierra Leone",
"value": "7075641",
"sValue": "48.1"
},
{
"label": "Sao Tome and Principe",
"value": "190428",
"sValue": "74.9"
},
{
"label": "Togo",
"value": "7552318",
"sValue": "66.5"
}
]
},
{
"label": "North Africa",
"fillcolor": "3b4632",
"value": "223391772",
"sValue": "77.2",
"data": [
{
"label": "Algeria",
"value": "40400000",
"sValue": "80.2"
},
{
"label": "Egypt",
"value": "90928000",
"sValue": "75.2"
},
{
"label": "Libya",
"value": "6411776",
"sValue": "91"
},
{
"label": "Morocco",
"value": "33848242",
"sValue": "72.4"
},
{
"label": "Sudan",
"value": "40235000",
"sValue": "75.9"
},
{
"label": "Tunisia",
"value": "10982754",
"sValue": "81.8"
},
{
"label": "Western Sahara",
"value": "586000",
"sValue": "64"
}
]
},
{
"label": "Central Africa",
"fillcolor": "3b4632",
"value": "122500569",
"sValue": "62",
"data": [
{
"label": "Burundi",
"value": "11178921",
"sValue": "85.6"
},
{
"label": "Central African Republic",
"value": "4709000",
"sValue": "36.8"
},
{
"label": "Chad",
"value": "13670084",
"sValue": "40.2"
},
{
"label": "Democratic Republic of the Congo",
"value": "81680000",
"sValue": "77.3"
},
{
"label": "Rwanda",
"value": "11262564",
"sValue": "70.5"
}
]
},
{
"label": "Southern Africa",
"fillcolor": "3b4632",
"value": "262850585",
"sValue": "79",
"data": [
{
"label": "Angola",
"value": "24383301",
"sValue": "71.1"
},
{
"label": "Botswana",
"value": "2155784",
"sValue": "88.5"
},
{
"label": "Democratic Republic of the Congo",
"value": "81680000",
"sValue": "79.3"
},
{
"label": "Lesotho",
"value": "2067000",
"sValue": "79.4"
},
{
"label": "Madagascar",
"value": "22434363",
"sValue": "64.7"
},
{
"label": "Malawi",
"value": "16407000",
"sValue": "65.8"
},
{
"label": "Mauritius",
"value": "1261208",
"sValue": "90.6"
},
{
"label": "Mozambique",
"value": "24692144",
"sValue": "58.8"
},
{
"label": "Namibia",
"value": "2413077",
"sValue": "81.9"
},
{
"label": "Seychelles",
"value": "95000",
"sValue": "95.2"
},
{
"label": "South Africa",
"value": "54956900",
"sValue": "94.3"
},
{
"label": "Swaziland",
"value": "1119000",
"sValue": "87.5"
},
{
"label": "Zambia",
"value": "16212000",
"sValue": "63.4"
},
{
"label": "Zimbabwe",
"value": "12973808",
"sValue": "86.5"
}
]
}
]
},
{
"label": "Europe",
"fillcolor": "20261b",
"value": "510446883",
"sValue": "96",
"data": [
{
"label": "Eastern Europe",
"fillcolor": "3b4632",
"value": "70656886",
"sValue": "99.5",
"data": [
{
"label": "Czech Republic",
"value": "10553443",
"sValue": "99.7"
},
{
"label": "Croatia",
"value": "4284889",
"sValue": "99.3"
},
{
"label": "Hungary",
"value": "9855571",
"sValue": "99.1"
},
{
"label": "Poland",
"value": "38483957",
"sValue": "99.8"
},
{
"label": "Slovakia",
"value": "5415949",
"sValue": "99.6"
},
{
"label": "Slovenia",
"value": "2063077",
"sValue": "99.7"
}
]
},
{
"label": "Western Europe",
"fillcolor": "3b4632",
"value": "193882030",
"sValue": "99.2",
"data": [
{
"label": "Austria",
"value": "8662588",
"sValue": "98"
},
{
"label": "Belgium",
"value": "11250585",
"sValue": "99"
},
{
"label": "France",
"value": "66660000",
"sValue": "99"
},
{
"label": "Germany",
"value": "81459000",
"sValue": "99.8"
},
{
"label": "Liechtenstein",
"value": "37340",
"sValue": "100"
},
{
"label": "Luxembourg",
"value": "562958",
"sValue": "100"
},
{
"label": "Monaco",
"value": "37800",
"sValue": "99"
},
{
"label": "Netherlands",
"value": "17000059",
"sValue": "99"
},
{
"label": "Switzerland",
"value": "8211700",
"sValue": "99"
}
]
},
{
"label": "Southern Europe",
"fillcolor": "3b4632",
"value": "156301051",
"sValue": "97.7",
"data": [
{
"label": "Andorra",
"value": "84082",
"sValue": "100"
},
{
"label": "Portugal",
"value": "11317192",
"sValue": "95.7"
},
{
"label": "Spain",
"value": "46030109",
"sValue": "98.1"
},
{
"label": "Italy",
"value": "60418711",
"sValue": "99.2"
},
{
"label": "San Marino",
"value": "31716",
"sValue": "96"
},
{
"label": "Vatican City",
"value": "826",
"sValue": "100"
},
{
"label": "Albania",
"value": "2821977",
"sValue": "97.6"
},
{
"label": "Bosnia and Herzegovina",
"value": "4613414",
"sValue": "98.5"
},
{
"label": "Bulgaria",
"value": "7364570",
"sValue": "98.4"
},
{
"label": "Croatia",
"value": "4489409",
"sValue": "99.3"
},
{
"label": "Greece",
"value": "11295002",
"sValue": "97.7"
},
{
"label": "Kosovo",
"value": "1859203",
"sValue": "91.9"
},
{
"label": "Macedonia",
"value": "2114550",
"sValue": "97.8"
},
{
"label": "Malta",
"value": "412966",
"sValue": "94.1"
},
{
"label": "Montenegro",
"value": "672181",
"sValue": "98.7"
},
{
"label": "Serbia",
"value": "712066",
"sValue": "98.1"
},
{
"label": "Slovenia",
"value": "2063077",
"sValue": "99.7"
}
]
},
{
"label": "Northern Europe",
"fillcolor": "20261b",
"value": "89606916",
"sValue": "87.8",
"data": [
{
"label": "Iceland",
"value": "332529",
"sValue": "99"
},
{
"label": "Ireland",
"value": "4635400",
"sValue": "17.9"
},
{
"label": "Latvia",
"value": "1973700",
"sValue": "99.9"
},
{
"label": "Lithuania",
"value": "2875593",
"sValue": "99.8"
},
{
"label": "Norway",
"value": "5214900",
"sValue": "100"
},
{
"label": "Sweden",
"value": "9858794",
"sValue": "99"
},
{
"label": "United Kingdom",
"value": "64716000",
"sValue": "99"
}
]
}
]
},
{
"label": "North America",
"fillcolor": "20261b",
"value": "398381811",
"sValue": "88.4",
"data": [
{
"label": "Northern America",
"fillcolor": "3b4632",
"value": "355073106",
"sValue": "89",
"data": [
{
"label": "Bermuda",
"value": "64237",
"sValue": "98"
},
{
"label": "Canada",
"value": "35540419",
"sValue": "50"
},
{
"label": "Greenland",
"value": "56370",
"sValue": "100"
},
{
"label": "Saint Pierre and Miquelon",
"value": "6080",
"sValue": "99"
},
{
"label": "United States",
"value": "319406000",
"sValue": "98"
}
]
},
{
"label": "Central America",
"fillcolor": "3b4632",
"value": "43308705",
"sValue": "87.8",
"data": [
{
"label": "Belize",
"value": "334297",
"sValue": "82.7"
},
{
"label": "Costa Rica",
"value": "4695942",
"sValue": "97.8"
},
{
"label": "El Salvador",
"value": "6108590",
"sValue": "88.4"
},
{
"label": "Guatemala",
"value": "14373472",
"sValue": "79.3"
},
{
"label": "Honduras",
"value": "8448465",
"sValue": "88.5"
},
{
"label": "Nicaragua",
"value": "5788531",
"sValue": "82.8"
},
{
"label": "Panama",
"value": "3559408",
"sValue": "95"
}
]
}
]
},
{
"label": "South America",
"fillcolor": "20261b",
"value": "403567675",
"sValue": "94.8",
"data": [
{
"label": "Argentina",
"value": "40482000",
"sValue": "98.1"
},
{
"label": "Bolivia",
"value": "9863000",
"sValue": "95.7"
},
{
"label": "Brazil",
"value": "202241714",
"sValue": "92.6"
},
{
"label": "Chile",
"value": "16928873",
"sValue": "97.3"
},
{
"label": "Colombia",
"value": "46920000",
"sValue": "94.7"
},
{
"label": "Ecuador",
"value": "14573101",
"sValue": "94.5"
},
{
"label": "Falkland Islands",
"value": "3140",
"sValue": "99"
},
{
"label": "French Guiana",
"value": "221500",
"sValue": "83"
},
{
"label": "Guyana",
"value": "772298",
"sValue": "88.5"
},
{
"label": "Paraguay",
"value": "6831306",
"sValue": "95.6"
},
{
"label": "Peru",
"value": "29132013",
"sValue": "94.5"
},
{
"label": "South Georgia",
"value": "20",
"sValue": "99.8"
},
{
"label": "Suriname",
"value": "472000",
"sValue": "95.6"
},
{
"label": "Uruguay",
"value": "3477780",
"sValue": "98.4"
},
{
"label": "Venezuela",
"value": "31648930",
"sValue": "95.4"
}
]
},
{
"label": "Australia",
"fillcolor": "20261b",
"value": "18283291",
"sValue": "67.9",
"data": [
{
"label": "Sydney",
"value": "4840628",
"sValue": "99"
},
{
"label": "Melbourne",
"value": "4440328",
"sValue": "99"
},
{
"label": "Brisbane",
"value": "2274560",
"sValue": "99"
},
{
"label": "Perth",
"value": "2021203",
"sValue": "55"
},
{
"label": "Adelaide",
"value": "1304631",
"sValue": "52"
},
{
"label": "Gold Coast–Tweed Heads",
"value": "614379",
"sValue": "81.9"
},
{
"label": "Newcastle–Maitland",
"value": "430755",
"sValue": "85"
},
{
"label": "Canberra–Queanbeyan",
"value": "422510",
"sValue": "52"
},
{
"label": "Sunshine Coast",
"value": "297380",
"sValue": "51"
},
{
"label": "Wollongong",
"value": "289236",
"sValue": "55"
},
{
"label": "Hobart",
"value": "219543",
"sValue": "65"
},
{
"label": "Geelong",
"value": "184182",
"sValue": "60"
},
{
"label": "Townsville",
"value": "178649",
"sValue": "59.5"
},
{
"label": "Cairns",
"value": "146778",
"sValue": "84.1"
},
{
"label": "Darwin",
"value": "140386",
"sValue": "59.2"
},
{
"label": "Toowoomba",
"value": "113625",
"sValue": "78.5"
},
{
"label": "Ballarat",
"value": "98543",
"sValue": "41.2"
},
{
"label": "Bendigo",
"value": "91692",
"sValue": "47"
},
{
"label": "Albury–Wodonga",
"value": "87890",
"sValue": "78.2"
},
{
"label": "Launceston",
"value": "86393",
"sValue": "57"
}
]
},
{
"label": "Antarctica",
"fillcolor": "20261b",
"value": "4490",
"sValue": "82.6",
"data": [
{
"label": "Antarctica",
"value": "4490",
"sValue": "82.6"
}
]
}
]
}
],
"colorrange": {
"mapbypercent": "1",
"gradient": "1",
"minvalue": "0",
"code": "001900",
"startlabel": "Low",
"endlabel": "High",
"color": [
{
"code": "00cc00",
"maxvalue": "100",
"label": "High"
}
]
}
}
<html>
<head>
<title>My first chart using FusionCharts Suite XT</title>
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script type="text/javascript" src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js?cacheBust=56"></script>
<script type="text/javascript">
FusionCharts.ready(function(){
var fusioncharts = new FusionCharts({
type: 'treemap',
renderAt: 'chart-container',
width: '700',
height: '550',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "Region-wise Literacy Rates in 2015",
"subcaption": "World Population",
"animation": "0",
"shownavigationbar": "1",
"plotToolText": "<div><b>$label</b><br/><b>Literacy Rate : </b>$svalue%<br/><b>Population : </b>$datavalue</div>",
"horizontalPadding": "0",
"verticalPadding": "0",
"plotborderthickness": ".5",
"plotbordercolor": "e6e6e6",
"chartBottomMargin": "0",
"labelGlow": "1",
"labelFontColor": "ffffff",
"labelFontSize": "8",
"labelFontBold": "1",
"labelGlowColor": "#cccc00",
"labelGlowIntensity": "50",
"labelGlowRadius": "10",
"parentLabelLineHeight": "9",
"showLegend": "1",
"legendpadding": "0",
"legendItemFontSize": "8",
"legendItemFontBold": "1",
"legendPointerWidth": "8",
"legenditemfontcolor": "3d5c5c",
"legendScaleLineThickness": "0",
"legendCaptionFontSize": "10",
"legendspreadfactor": ".7",
"legendCaption": "Literacy Rate (%)",
"formatNumberScale": "1",
"numberScaleUnit": ", K, M, B",
"numberScaleValue": "1, 1000, 1000, 1000",
"forceNumberScale": "1",
"theme": "zune"
},
"data": [{
"label": "World",
"fillcolor": "000000",
"value": "6621397806",
"svalue": "86.3",
"data": [{
"label": "Asia",
"fillcolor": "20261b",
"value": "4084114938",
"svalue": "89.5",
"data": [{
"label": "South Asia",
"fillcolor": "3b4632",
"value": "1635488712",
"svalue": "69",
"data": [{
"label": "India",
"value": "1205073612",
"sValue": "72.1"
}, {
"label": "Sri Lanka",
"value": "21481334",
"sValue": "92.6"
}, {
"label": "Bhutan",
"value": "716896",
"sValue": "64.9"
}, {
"label": "Bangladesh",
"value": "161083804",
"sValue": "61.5"
}, {
"label": "Maldives",
"value": "394451",
"sValue": "99.3"
}, {
"label": "Afghanistan",
"value": "26556800",
"sValue": "38.2"
}, {
"label": "Pakistan",
"value": "190291129",
"sValue": "58.7"
}, {
"label": "Nepal",
"value": "29890686",
"sValue": "64.7"
}]
}, {
"label": "East Asia",
"fillcolor": "3b4632",
"value": "1610979712",
"sValue": "97.2",
"data": [{
"label": "China",
"value": "1373000000",
"sValue": "96.4"
}, {
"label": "Hong Kong",
"value": "7298600",
"sValue": "93.5"
}, {
"label": "Japan",
"value": "126890000",
"sValue": "96.7"
}, {
"label": "Macau",
"value": "642900",
"sValue": "96.2"
}, {
"label": "Mongolia",
"value": "3041648",
"sValue": "98.4"
}, {
"label": "North Korea",
"value": "25155000",
"sValue": "100"
}, {
"label": "South Korea",
"value": "51482816",
"sValue": "97.9"
}, {
"label": "Taiwan",
"value": "23468748",
"sValue": "98.5"
}]
}, {
"label": "Southeast Asia",
"fillcolor": "3b4632",
"value": "621696000",
"sValue": "89.7",
"data": [{
"label": "Brunei",
"value": "453000",
"sValue": "96.4"
}, {
"label": "Cambodia",
"value": "15561000",
"sValue": "77.2"
}, {
"label": "East Timor",
"value": "1172000",
"sValue": "67.5"
}, {
"label": "Indonesia",
"value": "251490000",
"sValue": "93.9"
}, {
"label": "Laos",
"value": "6557000",
"sValue": "79.9"
}, {
"label": "Malaysia",
"value": "30034000",
"sValue": "94.6"
}, {
"label": "Myanmar",
"value": "51419000",
"sValue": "93.1"
}, {
"label": "Philippines",
"value": "101649000",
"sValue": "96.3"
}, {
"label": "Singapore",
"value": "5554000",
"sValue": "96.8"
}, {
"label": "Thailand",
"value": "65236000",
"sValue": "96.7"
}, {
"label": "Vietnam",
"value": "92571000",
"sValue": "94.5"
}]
}, {
"label": "Western Asia",
"fillcolor": "3b4632",
"value": "147963650",
"svalue": "91.8",
"data": [{
"label": "Bahrain",
"value": "1234596",
"sValue": "95.7"
}, {
"label": "Iraq",
"value": "33635000",
"sValue": "79.7"
}, {
"label": "Israel",
"value": "7653600",
"sValue": "97.8"
}, {
"label": "Jordan",
"value": "6318677",
"sValue": "96.7"
}, {
"label": "Kuwait",
"value": "3566437",
"sValue": "96.2"
}, {
"label": "Lebanon",
"value": "4228000",
"sValue": "93.9"
}, {
"label": "Oman",
"value": "2694094",
"sValue": "94.8"
}, {
"label": "Palestine",
"value": "4260636",
"sValue": "96.7"
}, {
"label": "Qatar",
"value": "1696563",
"sValue": "97.8"
}, {
"label": "Saudi Arabia",
"value": "27136977",
"sValue": "94.7"
}, {
"label": "Syria",
"value": "23695000",
"sValue": "86.4"
}, {
"label": "United Arab Emirates",
"value": "8264070",
"sValue": "93.8"
}, {
"label": "Yemen",
"value": "23580000",
"sValue": "70.1"
}]
}, {
"label": "Central Asia",
"fillcolor": "3b4632",
"value": "67986864",
"sValue": "99.7",
"data": [{
"label": "Kazakhstan",
"value": "17067216",
"sValue": "99.8"
}, {
"label": "Kyrgyzstan",
"value": "5940743",
"sValue": "99.5"
}, {
"label": "Tajikistan",
"value": "8628742",
"sValue": "99.8"
}, {
"label": "Turkmenistan",
"value": "5417285",
"sValue": "99.7"
}, {
"label": "Uzbekistan",
"value": "30932878",
"sValue": "99.6"
}]
}]
}, {
"label": "Africa",
"fillcolor": "20261b",
"value": "1206598718",
"sValue": "67.8",
"data": [{
"label": "East Africa",
"fillcolor": "3b4632",
"value": "252185175",
"sValue": "65.8",
"data": [{
"label": "Kenya",
"value": "45010056",
"sValue": "78"
}, {
"label": "Tanzania",
"value": "51828923",
"sValue": "80.3"
}, {
"label": "Uganda",
"value": "37873253",
"sValue": "73.9"
}, {
"label": "Djibouti",
"value": "810178",
"sValue": "67.9"
}, {
"label": "Eritrea",
"value": "6380803",
"sValue": "73.8"
}, {
"label": "Ethiopia",
"value": "99465819",
"sValue": "49.1"
}, {
"label": "Somalia",
"value": "10816143",
"sValue": "37.8"
}]
}, {
"label": "Western Africa",
"fillcolor": "3b4632",
"value": "345670617",
"sValue": "55.1",
"data": [{
"label": "Benin",
"value": "10879829",
"sValue": "38.4"
}, {
"label": "Burkina Faso",
"value": "17322796",
"sValue": "36"
}, {
"label": "Cape Verde",
"value": "525000",
"sValue": "87.6"
}, {
"label": "Gambia",
"value": "1882450",
"sValue": "55.5"
}, {
"label": "Ghana",
"value": "27000000",
"sValue": "76.6"
}, {
"label": "Guinea",
"value": "11628972",
"sValue": "30.4"
}, {
"label": "Guinea-Bissau",
"value": "1693398",
"sValue": "59.9"
}, {
"label": "Ivory Coast",
"value": "23919000",
"sValue": "48.7"
}, {
"label": "Liberia",
"value": "4503000",
"sValue": "47.6"
}, {
"label": "Mali",
"value": "14517176",
"sValue": "38.7"
}, {
"label": "Mauritania",
"value": "4067564",
"sValue": "52.1"
}, {
"label": "Niger",
"value": "17138707",
"sValue": "19.1"
}, {
"label": "Nigeria",
"value": "182202000",
"sValue": "59.6"
}, {
"label": "Saint Helena",
"value": "5000",
"sValue": "97"
}, {
"label": "Senegal",
"value": "13567338",
"sValue": "55.7"
}, {
"label": "Sierra Leone",
"value": "7075641",
"sValue": "48.1"
}, {
"label": "Sao Tome and Principe",
"value": "190428",
"sValue": "74.9"
}, {
"label": "Togo",
"value": "7552318",
"sValue": "66.5"
}]
}, {
"label": "North Africa",
"fillcolor": "3b4632",
"value": "223391772",
"sValue": "77.2",
"data": [{
"label": "Algeria",
"value": "40400000",
"sValue": "80.2"
}, {
"label": "Egypt",
"value": "90928000",
"sValue": "75.2"
}, {
"label": "Libya",
"value": "6411776",
"sValue": "91"
}, {
"label": "Morocco",
"value": "33848242",
"sValue": "72.4"
}, {
"label": "Sudan",
"value": "40235000",
"sValue": "75.9"
}, {
"label": "Tunisia",
"value": "10982754",
"sValue": "81.8"
}, {
"label": "Western Sahara",
"value": "586000",
"sValue": "64"
}]
}, {
"label": "Central Africa",
"fillcolor": "3b4632",
"value": "122500569",
"sValue": "62",
"data": [{
"label": "Burundi",
"value": "11178921",
"sValue": "85.6"
}, {
"label": "Central African Republic",
"value": "4709000",
"sValue": "36.8"
}, {
"label": "Chad",
"value": "13670084",
"sValue": "40.2"
}, {
"label": "Democratic Republic of the Congo",
"value": "81680000",
"sValue": "77.3"
}, {
"label": "Rwanda",
"value": "11262564",
"sValue": "70.5"
}]
}, {
"label": "Southern Africa",
"fillcolor": "3b4632",
"value": "262850585",
"sValue": "79",
"data": [{
"label": "Angola",
"value": "24383301",
"sValue": "71.1"
}, {
"label": "Botswana",
"value": "2155784",
"sValue": "88.5"
}, {
"label": "Democratic Republic of the Congo",
"value": "81680000",
"sValue": "79.3"
}, {
"label": "Lesotho",
"value": "2067000",
"sValue": "79.4"
}, {
"label": "Madagascar",
"value": "22434363",
"sValue": "64.7"
}, {
"label": "Malawi",
"value": "16407000",
"sValue": "65.8"
}, {
"label": "Mauritius",
"value": "1261208",
"sValue": "90.6"
}, {
"label": "Mozambique",
"value": "24692144",
"sValue": "58.8"
}, {
"label": "Namibia",
"value": "2413077",
"sValue": "81.9"
}, {
"label": "Seychelles",
"value": "95000",
"sValue": "95.2"
}, {
"label": "South Africa",
"value": "54956900",
"sValue": "94.3"
}, {
"label": "Swaziland",
"value": "1119000",
"sValue": "87.5"
}, {
"label": "Zambia",
"value": "16212000",
"sValue": "63.4"
}, {
"label": "Zimbabwe",
"value": "12973808",
"sValue": "86.5"
}]
}]
}, {
"label": "Europe",
"fillcolor": "20261b",
"value": "510446883",
"sValue": "96",
"data": [{
"label": "Eastern Europe",
"fillcolor": "3b4632",
"value": "70656886",
"sValue": "99.5",
"data": [{
"label": "Czech Republic",
"value": "10553443",
"sValue": "99.7"
}, {
"label": "Croatia",
"value": "4284889",
"sValue": "99.3"
}, {
"label": "Hungary",
"value": "9855571",
"sValue": "99.1"
}, {
"label": "Poland",
"value": "38483957",
"sValue": "99.8"
}, {
"label": "Slovakia",
"value": "5415949",
"sValue": "99.6"
}, {
"label": "Slovenia",
"value": "2063077",
"sValue": "99.7"
}]
}, {
"label": "Western Europe",
"fillcolor": "3b4632",
"value": "193882030",
"sValue": "99.2",
"data": [{
"label": "Austria",
"value": "8662588",
"sValue": "98"
}, {
"label": "Belgium",
"value": "11250585",
"sValue": "99"
}, {
"label": "France",
"value": "66660000",
"sValue": "99"
}, {
"label": "Germany",
"value": "81459000",
"sValue": "99.8"
}, {
"label": "Liechtenstein",
"value": "37340",
"sValue": "100"
}, {
"label": "Luxembourg",
"value": "562958",
"sValue": "100"
}, {
"label": "Monaco",
"value": "37800",
"sValue": "99"
}, {
"label": "Netherlands",
"value": "17000059",
"sValue": "99"
}, {
"label": "Switzerland",
"value": "8211700",
"sValue": "99"
}]
}, {
"label": "Southern Europe",
"fillcolor": "3b4632",
"value": "156301051",
"sValue": "97.7",
"data": [{
"label": "Andorra",
"value": "84082",
"sValue": "100"
}, {
"label": "Portugal",
"value": "11317192",
"sValue": "95.7"
}, {
"label": "Spain",
"value": "46030109",
"sValue": "98.1"
}, {
"label": "Italy",
"value": "60418711",
"sValue": "99.2"
}, {
"label": "San Marino",
"value": "31716",
"sValue": "96"
}, {
"label": "Vatican City",
"value": "826",
"sValue": "100"
}, {
"label": "Albania",
"value": "2821977",
"sValue": "97.6"
}, {
"label": "Bosnia and Herzegovina",
"value": "4613414",
"sValue": "98.5"
}, {
"label": "Bulgaria",
"value": "7364570",
"sValue": "98.4"
}, {
"label": "Croatia",
"value": "4489409",
"sValue": "99.3"
}, {
"label": "Greece",
"value": "11295002",
"sValue": "97.7"
}, {
"label": "Kosovo",
"value": "1859203",
"sValue": "91.9"
}, {
"label": "Macedonia",
"value": "2114550",
"sValue": "97.8"
}, {
"label": "Malta",
"value": "412966",
"sValue": "94.1"
}, {
"label": "Montenegro",
"value": "672181",
"sValue": "98.7"
}, {
"label": "Serbia",
"value": "712066",
"sValue": "98.1"
}, {
"label": "Slovenia",
"value": "2063077",
"sValue": "99.7"
}]
}, {
"label": "Northern Europe",
"fillcolor": "20261b",
"value": "89606916",
"sValue": "87.8",
"data": [{
"label": "Iceland",
"value": "332529",
"sValue": "99"
}, {
"label": "Ireland",
"value": "4635400",
"sValue": "17.9"
}, {
"label": "Latvia",
"value": "1973700",
"sValue": "99.9"
}, {
"label": "Lithuania",
"value": "2875593",
"sValue": "99.8"
}, {
"label": "Norway",
"value": "5214900",
"sValue": "100"
}, {
"label": "Sweden",
"value": "9858794",
"sValue": "99"
}, {
"label": "United Kingdom",
"value": "64716000",
"sValue": "99"
}]
}]
}, {
"label": "North America",
"fillcolor": "20261b",
"value": "398381811",
"sValue": "88.4",
"data": [{
"label": "Northern America",
"fillcolor": "3b4632",
"value": "355073106",
"sValue": "89",
"data": [{
"label": "Bermuda",
"value": "64237",
"sValue": "98"
}, {
"label": "Canada",
"value": "35540419",
"sValue": "50"
}, {
"label": "Greenland",
"value": "56370",
"sValue": "100"
}, {
"label": "Saint Pierre and Miquelon",
"value": "6080",
"sValue": "99"
}, {
"label": "United States",
"value": "319406000",
"sValue": "98"
}]
}, {
"label": "Central America",
"fillcolor": "3b4632",
"value": "43308705",
"sValue": "87.8",
"data": [{
"label": "Belize",
"value": "334297",
"sValue": "82.7"
}, {
"label": "Costa Rica",
"value": "4695942",
"sValue": "97.8"
}, {
"label": "El Salvador",
"value": "6108590",
"sValue": "88.4"
}, {
"label": "Guatemala",
"value": "14373472",
"sValue": "79.3"
}, {
"label": "Honduras",
"value": "8448465",
"sValue": "88.5"
}, {
"label": "Nicaragua",
"value": "5788531",
"sValue": "82.8"
}, {
"label": "Panama",
"value": "3559408",
"sValue": "95"
}]
}]
}, {
"label": "South America",
"fillcolor": "20261b",
"value": "403567675",
"sValue": "94.8",
"data": [{
"label": "Argentina",
"value": "40482000",
"sValue": "98.1"
}, {
"label": "Bolivia",
"value": "9863000",
"sValue": "95.7"
}, {
"label": "Brazil",
"value": "202241714",
"sValue": "92.6"
}, {
"label": "Chile",
"value": "16928873",
"sValue": "97.3"
}, {
"label": "Colombia",
"value": "46920000",
"sValue": "94.7"
}, {
"label": "Ecuador",
"value": "14573101",
"sValue": "94.5"
}, {
"label": "Falkland Islands",
"value": "3140",
"sValue": "99"
}, {
"label": "French Guiana",
"value": "221500",
"sValue": "83"
}, {
"label": "Guyana",
"value": "772298",
"sValue": "88.5"
}, {
"label": "Paraguay",
"value": "6831306",
"sValue": "95.6"
}, {
"label": "Peru",
"value": "29132013",
"sValue": "94.5"
}, {
"label": "South Georgia",
"value": "20",
"sValue": "99.8"
}, {
"label": "Suriname",
"value": "472000",
"sValue": "95.6"
}, {
"label": "Uruguay",
"value": "3477780",
"sValue": "98.4"
}, {
"label": "Venezuela",
"value": "31648930",
"sValue": "95.4"
}]
}, {
"label": "Australia",
"fillcolor": "20261b",
"value": "18283291",
"sValue": "67.9",
"data": [{
"label": "Sydney",
"value": "4840628",
"sValue": "99"
}, {
"label": "Melbourne",
"value": "4440328",
"sValue": "99"
}, {
"label": "Brisbane",
"value": "2274560",
"sValue": "99"
}, {
"label": "Perth",
"value": "2021203",
"sValue": "55"
}, {
"label": "Adelaide",
"value": "1304631",
"sValue": "52"
}, {
"label": "Gold Coast–Tweed Heads",
"value": "614379",
"sValue": "81.9"
}, {
"label": "Newcastle–Maitland",
"value": "430755",
"sValue": "85"
}, {
"label": "Canberra–Queanbeyan",
"value": "422510",
"sValue": "52"
}, {
"label": "Sunshine Coast",
"value": "297380",
"sValue": "51"
}, {
"label": "Wollongong",
"value": "289236",
"sValue": "55"
}, {
"label": "Hobart",
"value": "219543",
"sValue": "65"
}, {
"label": "Geelong",
"value": "184182",
"sValue": "60"
}, {
"label": "Townsville",
"value": "178649",
"sValue": "59.5"
}, {
"label": "Cairns",
"value": "146778",
"sValue": "84.1"
}, {
"label": "Darwin",
"value": "140386",
"sValue": "59.2"
}, {
"label": "Toowoomba",
"value": "113625",
"sValue": "78.5"
}, {
"label": "Ballarat",
"value": "98543",
"sValue": "41.2"
}, {
"label": "Bendigo",
"value": "91692",
"sValue": "47"
}, {
"label": "Albury–Wodonga",
"value": "87890",
"sValue": "78.2"
}, {
"label": "Launceston",
"value": "86393",
"sValue": "57"
}]
}, {
"label": "Antarctica",
"fillcolor": "20261b",
"value": "4490",
"sValue": "82.6",
"data": [{
"label": "Antarctica",
"value": "4490",
"sValue": "82.6"
}]
}]
}],
"colorrange": {
"mapbypercent": "1",
"gradient": "1",
"minvalue": "0",
"code": "001900",
"startlabel": "Low",
"endlabel": "High",
"color": [{
"code": "00cc00",
"maxvalue": "100",
"label": "High"
}]
}
}
});
fusioncharts.render();
});
</script>
</head>
<body>
<div id="chart-container">FusionCharts XT will load here!</div>
</body>
</html>
Given below is a brief description of the attributes used to customize the glow effect for data labels:
Attribute Name | Description |
---|---|
|
Set this attribute to |
|
Sets the intensity of the glow effect |
|
Sets the hex code for the glow effect color |
|
Sets the radius for applying the glow effect around the label |
Click here for the complete list of attributes supported by the treemap.