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="chartContainer">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
 
            var chartdata = [{'label': 'Jan','value': '420000'},{'label': 'Feb','value': '810000'},{'label': 'Mar','value': '720000'},{'label': 'Apr','value': '550000'} ];
 
            var revenueChart = new FusionCharts({
                "type": "column2d",
                "renderAt": "chartContainer",
                "width": "500",
                "height": "300",
                "dataFormat": "json",
                "dataSource": {
                    "chart": {
                        "caption": "Monthly revenue for last year",
                       "subCaption": "Harry's SuperMart",
                        "xAxisName": "Month",
                        "yAxisName": "Revenues (In USD)",
                        "theme": "fint"
                    },
                    "data": chartdata
                    
                    //Working
                    //"data": [{ 'label': 'Jan', 'value': '420000' }, { 'label': 'Feb', 'value': '810000' }, { 'label': 'Mar', 'value': '720000' }, { 'label': 'Apr', 'value': '550000' }]
                }
 
            });
            revenueChart.render();
        });