FusionCharts - Gallery Example - Column2D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!-- Column 2D chart showing Monthly revenues for last year -->
<div id="chart">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var chart = new FusionCharts({
    type: 'area2d',
    renderAt: 'chart',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "caption": "",
        "subcaption": "",
        "animation": true,
        "anchorAlpha": 1,
        "numberprefix": "",
        "exportenabled": true,
        "exportFileName": "",
        "plotgradientcolor": "",
        "bgcolor": "FFFFFF",
        "showalternatehgridcolor": 0,
        "divlinecolor": "CCCCCC",
        "showvalues": "0",
        "showcanvasborder": 0,
        "canvasborderalpha": 0,
        "canvasbordercolor": "CCCCCC",
        "canvasborderthickness": 1,
        "linethickness": 3,
        "yaxisvaluespadding": 15,
        "legendshadow": 0,
        "legendborderalpha": 0,
        "showborder": 0,
        "legendborder": 0,
        "enablesmartlabels": 1,
        "labeldisplay": "rotate",
        "use3dlighting": 0,
        "showshadow": 0,
        "legendbgcolor": "#CCCCCC",
        "legendbgalpha": 20,
        "toolTipColor": "#ffffff",
        "toolTipBorderThickness": 0,
        "toolTipBgColor": "#000000",
        "toolTipBgAlpha": 80,
        "toolTipBorderRadius": 2,
        "toolTipPadding": 5,
        "legendPosition": "bottom",
        "showpercentvalues": 1,
        "showplotborder": 0,
        "drawCrossLine": 1,
        "crossLineColor": "#DDDDDD",
        "crossLineAlpha": 100,
        "tooltipGrayOutColor": "#80bfff",
        "yAxisMaxValue": "100",
        "numbersuffix": "%",
        "captionpadding": "30",
        "palettecolors": "#FF9900,#008ee4,#e44a00,#6baa01,#33bdda,#583e78"
      },
      "data": [{
          "label": "2011-02-12",
          "value": 0
        }, {
          "label": "2011-02-19",
          "value": 0
        }, {
          "label": "2011-02-26",
          "value": 0
        }, {
          "label": "2011-03-05",
          "value": 0
        }, {
          "label": "2011-03-12",
          "value": 0
        }, {
         ...