FusionCharts - Simple World Map
Created using FusionCharts Suite XT - www.fusioncharts.com
by Ayan Bhadury
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.maps.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<script src="http://static.fusioncharts.com/code/latest/maps/fusioncharts.world.js"></script>
<script src="http://static.fusioncharts.com/code/latest/maps/fusioncharts.asia.js?cacheBust=8232"></script>
<script src="http://static.fusioncharts.com/code/latest/maps/fusioncharts.europe.js?cacheBust=8232"></script>
<script src="http://static.fusioncharts.com/code/latest/maps/fusioncharts.africa.js?cacheBust=8232"></script>
<script src="http://static.fusioncharts.com/code/latest/maps/fusioncharts.australia.js?cacheBust=8232"></script>
<script src="http://static.fusioncharts.com/code/latest/maps/fusioncharts.northamerica.js?cacheBust=8232"></script>
<script src="http://static.fusioncharts.com/code/latest/maps/fusioncharts.southamerica.js?cacheBust=8232"></script>
<div id="chart-container">
FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function() {
var worldMap;
var mydata = {
"chart": {
"theme": "fint",
"showlabels": "1"
},
"data": [{
"id": "NA",
"value": "57.2",
"link": "newchart-json-NA"
}, {
"id": "SA",
"value": "57.1",
"showLabel": "1",
"link": "newchart-json-SA"
}, {
"id": "AS",
"value": "247",
"showLabel": "1",
"link": "newchart-json-AS"
}, {
"id": "EU",
"value": "188.5",
"showLabel": "1",
"link": "newchart-json-EU"
}, {
"id": "AF",
"value": "87.2",
"showLabel": "1",
"link": "newchart-json-AF"
}, {
"id": "AU",
"value": "8.32",
"showLabel": "1",
"link": "newchart-json-AU"
}],
"linkeddata": [{
"id": "NA",
"linkedchart": {
"chart": {
"entityFillHoverColor": "#cccccc",
"showLabels": "1",
"entityFillColor": "#A8A8A8",
"entityFillHoverColor": "#E5E5E9",
"theme": "fint",
"showBorder": "1",
"bordercolor": "#FFFFFF",
"entityborderThickness": "3"
},
}
}],
"linkeddata": [{
"id": "SA",
"linkedchart": {
"chart": {
"entityFillHoverColor": "#cccccc",
"showLabels": "1",
"entityFillColor": "#A8A8A8",
"entityFillHoverColor": "#E5E5E9",
"theme": "fint",
"showBorder": "1",
"bordercolor": "#FFFFFF",
"entityborderThickness": "3"
},
}
}],
"linkeddata": [{
"id": "AS",
"linkedchart": {
"chart": {
"entityFillHoverColor": "#cccccc",
"showLabels": "1",
"entityFillColor": "#A8A8A8",
"entityFillHoverColor": "#E5E5E9",
"theme": "fint",
"showBorder": "1",
"bordercolor": "#FFFFFF",
"entityborderThickness": "3"
},
}
}],
"linkeddata": [{
...