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": {
    "exportenabled": "1",
    "exportformats": "PNG",
    "exportatclient": "0",
    "exporthandler": "http://localhost:59995/FCExporter",
    "showexportdialog": "0",
    "exportaction": "save",
    "exportcallback": "FC_Exported",
    "exportshowmenuitem": "0",
    "palette": "3",
    "caption": "",
    "subcaption": "",
    "animation": "0",
    "showvalues": "0",
    "formatnumberscale": "0",
    "numberprefix": "",
    "showlabels": "1",
    "showtooltip": "1",
    "seriesnameintooltip": "1",
    "tooltipbordercolor": "D9E5F1",
    "tooltipbgcolor": "D9E5F1",
    "useroundedges": "0",
    "aboutmenuitemlink": "",
    "showaboutmenuitem": "1",
    "aboutmenuitemlabel": "",
    "showsum": "",
    "showlegend": "0",
    "showborder": "0",
    "formatnumber": "0",
    "decimals": "2",
    "forcedecimals": "1",
    "divlinecolor": "000000",
    "divlineisdashed": "1",
    "showalternatehgridcolor": "0",
    "bgcolor": "FFFFFF",
    "plotgradientcolor": "",
    "exportfilename": "WAOperationDetailsChart_zmwbytnakeyxhk14pp5v3ghi",
    "pyaxisname": "Waste (Sales) % Total",
    "syaxisname": "Waste (Units) % Finished",
    "xaxisname": "Levels",
    "outcnvbasefontcolor": "808080",
    "borderalpha": "0",
    "canvasborderalpha": "0",
    "showplotborder": "0"
  },
  "styles": {
    "definition": [
      {
        "name": "AxisNameColor",
        "type": "font",
        "color": "000000"
      }
    ],
    "application": [
      {
        "toobject": "xAxisName",
        "styles": "AxisNameColor"
      },
      {
        "toobject": "yAxisName",
        "styles": "AxisNameColor"
      }
    ]
  },
  "categories": [
    {
      "font": "Arial",
      "fontsize": "12",
      "category": [
        {
          "label": "Reg...