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

CSS

div {
  margin-left: 10px;
  margin-top: 10px;
}

JavaScript

FusionCharts.ready(function() {
  var revenueChart = new FusionCharts({
    type: 'scrollstackedcolumn2d',
    renderAt: 'chart-container',
    width: '500',
    height: '350',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "caption": "",
        "bgColor": "#ffffff",
        "borderAlpha": "",
        "showBorder": "0",
        "showCanvasBg": "0",
        "showCanvasBase": "1",
        "canvasBaseDepth": "14",
        "canvasBgDepth": "5",
        "canvasBaseColor": "#ffffff",
        "canvasBgColor": "#ffffff",
        "theme": "fusion",
        "palettecolors": "#e0e0e0,#13ac0b,#f72b10,#f59054"
      },
      "categories": [{
        "category": [{
          "label": "AG"
        }, {
          "label": "AL"
        }, {
          "label": "AN"
        }, {
          "label": "AO"
        }, {
          "label": "APR"
        }, {
          "label": "AQ1"
        }, {
          "label": "AR"
        }, {
          "label": "AT"
        }, {
          "label": "BA"
        }, {
          "label": "BDG"
        }, {
          "label": "BG"
        }, {
          "label": "BIE"
        }, {
          "label": "BNS"
        }, {
          "label": "BO1"
        }, {
          "label": "BO14"
        }, {
          "label": "BS"
        }, {
          "label": "BUS"
        }, {
          "label": "BZ"
        }]
      }],
      "dataset": [{
        "seriesname": "NULL",
        "data": [{  "value": null,
          "link": "sa_chart_station_detail.php?pid_station=1"
        }, {
          "value": null,
          "link": "sa_chart_station_detail.php?pid_station=2"
        }, {
          "value": null,
          "link": "sa_chart_station_detail.php?pid_station=3"
        }, {
          "value": null,
          "link": "sa_chart_station_detail.php?pid_station=5"
        }, {
          "value": "61",
          "link": "sa_chart_station_detail.php?pid_station=6"
        }, {
          "value": "61",
          "link":...