FusionCharts - Gallery Example - Multi-Series 2D Single Y Combination Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="https://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- Multi-series line chart -->

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

JavaScript

FusionCharts.ready(function () {
    


//BarCharts TOP 5
    var revenueChart = new FusionCharts({
        type: "stackedbar2d",
        renderAt: "chart-container11a",
        width: "680",
        height: "230",
        dataFormat: "json",
        dataSource: {
            "chart": {
                "caption": ""+unescape("Top 5")+"",
                "subCaption": "",
                "xAxisname": "",
                "yAxisName": "",
                "yAxisMinValue": "5",
                "yAxisMaxValue": "7",
                "showXAxisLine": "1",
                "xAxisLineColor": "#999999",
                "divlineColor": "#999999",
                "divLineIsDashed": "1",
                "numberPrefix": "",
                "paletteColors": "#D9D9D9,#02B051",
                "bgColor": "#ffffff",
                "borderAlpha": "0",
                "showCanvasBorder": "0",
                "usePlotGradientColor": "0",
                "plotBorderAlpha": "10",
                "legendBorderAlpha": "0",
                "legendShadow": "0",
                "valueFontColor": "#333",
                "showAlternateVGridColor": "0",
                "subcaptionFontBold": "0",
                "subcaptionFontSize": "14",
                "showHoverEffect":"1",
                "maxBarHeight": "20",
                "numDivLines": "0",
                "showValues": "0",
                "canvasLeftMargin":"200",
                "captionAlignment": "left",
                "showYAxisValues":"0"
            },
            "categories": [
                {
                    "category": [
                        {
                            "label": "Item 1"
                        },
                        {
                            "label": "Item 2"
                        },
                        {
                            "label": "Item 3"
                        },
                        {
                            "label": "Item 4"
                        },
       ...