FusionCharts - Scroll Column 2D Chart showing configuration of gradient scrollbar

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>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- 
    A Scroll Column 2D Chart showing configuration of gradient scrollbar.
    Attribute :
        # flatScrollBars - Set to 0

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

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'scrollColumn2d',
        renderAt: 'chart-container',
        width: '650',
        height: '350',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Sales Trends",
                "subcaption": "FY 2012 - FY 2013",
                "xaxisname": "Month",
                "yaxisname": "Revenue",
                "placeValuesInside" : "1",
                "rotateValues": "1",
                "paletteColors":"#FBC71E",
                "numberprefix": "$",
                //Configure of gradient scrollbar
                "showValues" : "0",
                
                "theme" : "fint"
            },
            "categories": [
                {
                    "category": [
                        { "label": "Jan" },
                        { "label": "Feb" },
                        { "label": "Mar" },
                        { "label": "Apr" },
                        { "label": "May" },
                        { "label": "May",
                        "labelBgColor":"#FFF994",
                    		"labelFontSize":"15",
                        "labelFontColor":"#ff0000"},
                        { "label": "Jun" },
                        { "label": "Jul" },
                        { "label": "Aug" },
                        { "label": "Sep" },
                        { "label": "Oct" },
                        { "label": "Nov" },
                        { "label": "Dec" }
                    ]
                }
            ],
            "dataset": [
                {
                    "data": [
                        { "value": "27400" },
                        { "value": "29800" },
                        { "value": "25800" },
                        { "value": "26800" },
                        { "value": "29600" },
                        { "value": "32600" },
                        { "value": "31800" },
      ...