FusionCharts - Gallery Example - Scroll Combination 2D Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>

<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var revenueCompChart = new FusionCharts({
    type: 'scrollcombi2d',
    renderAt: 'chart-container',
    width: '550',
    height: '400',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "caption": "Actual Revenue, Targeted Revenues & Profits",
        "subCaption": "FY 2012 - FY 2013",
        "xAxisname": "Month",
        "yAxisName": "Amount (In USD)",
        "numberSuffix": "M",


        //Cosmetics
        "paletteColors": "#0075c2,#1aaf5d,#f2c500",
        "formatNumbers": "0",
        "formatNumberScale": "0",
        "rotateValues": "1",


        "showValues": "1",

        "usePlotGradientColor": "0",



      },
      "categories": [{
        "category": [{
          "label": "Jan 2012"
        }, {
          "label": "Feb 2012"
        }, {
          "label": "Mar 2012"
        }, {
          "label": "Apr 2012"
        }, {
          "label": "May 2012"
        }, {
          "label": "Jun 2012"
        }, {
          "label": "Jul 2012"
        }, {
          "label": "Aug 2012"
        }, {
          "label": "Sep 2012"
        }, {
          "label": "Oct 2012"
        }, {
          "label": "Nov 2012"
        }, {
          "label": "Dec 2012"
        }, {
          "label": "Jan 2013"
        }, {
          "label": "Feb 2013"
        }, {
          "label": "Mar 2013"
        }, {
          "label": "Apr 2013"
        }, {
          "label": "May 2013"
        }, {
          "label": "Jun 2013"
        }, {
          "label": "Jul 2013"
        }, {
          "label": "Aug 2013"
        }, {
          "label": "Sep 2013"
        }, {
          "label": "Oct 2013"
        }, {
          "label": "Nov 2013"
        }, {
          "label": "Dec 2013"
        }]
      }],
      "dataset": [{
        "seriesName": "Actual Revenue",
        "renderAs": "column",
        "data": [{
            "value": "16000"
          }, {
            "value": "20000"
          }, {
            "value":...