FusionCharts - Gallery Example - Scroll Stacked Column 2D

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<!-- A simple Scroll Stacked Column 2D chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var salesChart = new FusionCharts({
    type: 'scrollstackedcolumn2d',
    dataFormat: 'json',
    renderAt: 'chart-container',
    width: '550',
    height: '350',
    dataSource: {
      "chart": {
        "showshadow": "0",
        "bordercolor": "FFFFFF",
        "canvasbgangle": "0",
        "decimalseparator": ",",
        "divlinedashlen": "0",
        "numberscalevalue": "1000",
        "alternatehgridalpha": "0",
        "showtooltip": "1",
        "numbersuffix": "",
        "caption": "",
        "chartleftmargin": "10",
        "borderthickness": "1",
        "canvasbgcolor": "FFFFFF",
        "charttopmargin": "20",
        "exporthandler": "",
        "showborder": "0",
        "showsum": "2",
        "subcaption": "",
        "outcnvbasefontcolor": "666666",
        "legendborderthickness": "0",
        "basefont": "ARIAL",
        "showplotborder": "0",
        "outcnvbasefont": "ARIAL",
        "yaxisnamepadding": "0",
        "divlineisdashed": "0",
        "labelpadding": "2",
        "chartbottommargin": "0",
        "basefontsize": "10",
        "plotbordercolor": "999999",
        "valuepadding": "2",
        "numvisibleplot": "9",
        "canvasborderthickness": "1",
        "showalternatehgridcolor": "0",
        "alternatehgridcolor": "FFFFFFF",
        "animation": "0",
        "yaxisvaluespadding": "2",
        "canvasbgratio": "100",
        "xaxisnamepadding": "0",
        "thousandseparator": ".",
        "captionpadding": "0",
        "showpercentintooltip": "1",
        "bgalpha": "100",
        "canvasbgalpha": "0",
        "xaxisname": "",
        "reverselegend": "1",
        "showlegend": "1",
        "tooltipbgcolor": "e9f2ff",
        "chartrightmargin": "10",
        "showpercentvalues": "1",
        "labeldisplay": "",
        "yaxisvaluedecimals": "0",
        "placevaluesinside": "0",
        "stack100percent": "0",
        "plotgradientcolor": "",
        "scrollpadding": "-10",
       ...