FusionCharts - Column 2D Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

by sanjuktamukherjee

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!--
    A simple Column 2D chart showing monthly revenue of Harry's SuperMart for last year.
-->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'world',
        renderAt: 'chart-container',
        width: '500',
        height: '300',
        dataFormat: 'json',
        dataSource: {
    "map": {
        "numberprefix": "$", 
        "theme": "fint"
    }, 
    "data": [ {
        "id": "NA", 
        "value": "6921900", 
        "link": "newchart:NorthAmerica-xml-NorthAmerica"
    }, {
        "id": "SA", 
        "value": "3087120", 
        "link": "newchart:SouthAmerica-xml-SouthAmerica"
    }, {
        "id": "AS", 
        "value": "2434120", 
        "link": "newchart:Asia-xml-Asia"
    }, {
        "id": "EU", 
        "value": "5093230", 
        "link": "newchart:FCMap_Europe.swf-xml-Europe"
    }, {
        "id": "AF", 
        "value": "1032900", 
        "link": "newchart:Africa-xml-Africa"
    }, {
        "id": "AU", 
        "value": "3461230", 
        "link": "newchart:Australia-xml-Australia"
    } ], 
    "linkeddata": [ {
        "id": "Australia", 
        "linkedmap": {
            "map": {
                "bordercolor": "005879", 
                "fillcolor": "D7F4FF", 
                "includevalueinlabels": "1", 
                "numberprefix": "$", 
                "basefontsize": "9"
            }, 
                                "data": [ {
                    "id": "WA", 
                    "value": "200050"
                }, {
                    "id": "NT", 
                    "value": "1509800"
                }, {
                    "id": "QU", 
                    "value": "8034800"
                }, {
                    "id": "SA", 
                    "value": "123000"
                }, {
                    "id": "SW", 
                    "value": "548000"
                }, {
                    "id": "VI", 
                    "value": "182000"
                }, {
                    "id": "TA", 
                    "value": "94900"
                } ]
        }
   ...