FusionCharts - Gallery Example - Multi-series Column 3D + Line (Dual Y) Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by stefanpetrovic

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- Multi-series Column 3D + Line (Dual Y) Chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'mscombidy2d',
        renderAt: 'chart-container',
        width: '1170',
        height: '650',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Number of Incidents / Redline (Incidents/Users)",
                "subCaption": "",
                "xAxisname": "",
                "pYAxisName": "Incidents",
                "sYAxisName": "MTR",
                "numberPrefix": "",
                "sNumberSuffix": "",
                "decimals": "5",
                "sYAxisMaxValue": "",
                "pYAxisMaxValue": "6000",
                "paletteColors": "#358ed7,#5cb85c, #02458d, #108110",
                "bgColor": "#ffffff",                
                "showBorder": "0",
                "showCanvasBorder": "0",
                "usePlotGradientColor": "0",
                "plotBorderAlpha": "10",
                "legendBorderAlpha": "0",
                "legendBgAlpha": "0",
                "legendShadow": "0",
                "showHoverEffect":"1",
                "valueFontColor": "#ffffff",
                "rotateValues": "0",
                "placeValuesInside": "1",
                "divlineColor": "#fff",
                "divLineIsDashed": "1",
                "divLineDashLen": "1",
                "divLineGapLen": "1",
                "canvasBgColor": "#ffffff",
                "captionFontSize": "14",
                "subcaptionFontSize": "14",
                "subcaptionFontBold": "0"
            },
           "categories": [
                {
                    "category": [
                        { "label": "Oct '15" },
                        { "label": "Nov '15" },
                        { "label": "Dec '15" },
                        { "label": "Jan '16" },
                        { "label": "Feb '16" },
                        { "label": "Mar '16" }
                    ]
                }
           ...