FusionCharts - Gallery Example - Multi-series Stacked Column 2D Line Dual Y Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

by Ashok Kumaresan

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- 
    A Multi-series Stacked Column 2D line dual Y chart showing product-wise quarterly sales vs profit % in last year.
-->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'stackedcolumn3dlinedy',
        renderAt: 'chart-container',
        width: '550',
        height: '350',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "pyaxisname": "",
            "syaxisname": "",
            "pyaxismaxvalue": "41000000",
            "yaxismaxvalue": "41000000",
            "pyaxisminvalue": "0",
            "yaxisminvalue": "0",
            "syaxismaxvalue": "41000000",
            "syaxisminvalue": "0",
            "xaxisname": "X Axis Name",
            "palettecolors": "30AC30,202120,3D47B8,6D0B68,C868BB,8B969C,685556,F96464,5E469E,80C1D1,169B94,FF7D30,767075,033B72,FFFFFF,000000",
            "yaxisname": "Y Axis Name",
            "formatnumberscale": "1",
            "numberscaleunit": "K,M,B",
            "numberscalevalue": "1000,1000,1000",
            "showalternatehgridcolor": "0",
            "canvastopmargin": "1",
            "showlegend": "1",
            "showborder": "0",
            "canvasbgangle": "0",
            "canvasbgalpha": "0,0",
            "showalternatevgridcolor": "0",
            "zeroplanethickness": "2",
            "showvalues": "0",
            "maxlabelwidthpercent": "35",
            "zeroplanealpha": "80",
            "use3dlighting": "0",
            "labeldisplay": "AUTO",
            "stack100percent": "0",
            "showplotborder": "0",
            "bgalpha": "0,0",
            "charttopmargin": "10",
            "canvasbordercolor": "efefef",
            "xaxisnamepadding": "10",
            "showshadow": "0",
            "plotgradientcolor": "",
            "plotfillalpha": "75",
               "syncAxisLimits":"1",
            "canvasborderthickness": "0"
                
            },
  "categories": [
            {
                "category": [
                    {
                        "label": "Label 1"
                    },
                    {
      ...