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: 'mscombidy2d',
        renderAt: 'chart-container',
        width: '500',
        height: '300',
        dataFormat: 'json',
        dataSource: {
  "chart": {
    "palette": "2",
    "bgcolor": "FFFFFF",
    "showborder": "1",
    "showyaxisvalues": "1",
    "pyaxismaxvalue": "200",
    "pyaxisminvalue": "0",
    "syaxismaxvalue": "2000",
    "syaxisminvalue": "0",
    "caption": "Trend Charts",
    "subcaption": "Total Energy Cost $ per Month{br} 0225, Troy Offices and Customer Center",
    "showvalues": "0",
    "xaxisname": "Months",
    "pyaxisname": "Energy Cost $ per Month (000s)",
    "syaxisname": "12 Months Cost $ (000s) {br} Report Generated On: 12 Jan 2015 06:59:12 UTC By 18104",
    "yaxisvaluedecimals": "0",
    "formatnumberscale": "0",
    "sformatnumberscale": "0",
    "legendbordercolor": "000000",
    "charttopmargin": "5",
    "chartbottommargin": "10",
    "legendshadow": "0",
    "exportenabled": "1",
    "exportatclient": "0",
    "showlegend": "0",
    "numdivlines": "5",
    "adjustdiv": "0",
    "outcnvbasefont": "Verdana",
    "outcnvbasefontsize": "9",
    "showdivlinesecondaryvalue": "1",
    "exportshowmenuitem": "1",
    "showsecondarylimits": "1"
  },
  "categories": [
    {
      "size": "9",
      "font": "Verdana",
      "category": [
        {
          "label": "Jan"
        },
        {
          "label": "Feb"
        },
        {
          "label": "Mar"
        },
        {
          "label": "Apr"
        },
        {
          "label": "May"
        },
        {
          "label": "Jun"
        },
        {
          "label": "Jul"
        },
        {
          "label": "Aug"
        },
        {
          "label": "Sep"
        },
        {
          "label": "Oct"
        },
        {
          "label": "Nov"
        },
        {
          "label": "Dec"
        }
      ]
    }
  ],
  "dataset": [
    {
      "seriesname":...