FusionCharts - Gallery Example - Stacked Bar 2D

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>
<!-- Stacked Bar 2D chart showing product wise quarterly revenue for the current year. -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var revenueChart = new FusionCharts({
        type: 'stackedbar2d',
        renderAt: 'chart-container',
        width: '450',
        height: '400',
        dataFormat: 'json',
        dataSource: {
            "chart": {
				
       
                "bgColor": "#ffffff",

                "showCanvasBorder": "0",
                "usePlotGradientColor": "0",
                "showLegend":"0",
                "showToolTip":"0",
                "legendShadow": "0",
                "valueFontColor": "#000000",
                "showXAxisLine": "0",

                "divlineColor": "#ffffff",

                "showAlternateVGridColor": "0"


            },
            "categories": [
                {
                    "category": [
                        {
                            "label": "TOTAL OPPORTUNITIES"
                        },
                        {
                            "label": "Qualification"
                        },
                        {
                            "label": "Analysis"
                        },
                        {
                            "label": "Proposal"
                        }
                    ]
                }
            ],
            "dataset": [
                {
                    "seriesname": "DUMMY1",
                    "color":"#ffffff",
                    "plotBorderColor":"#EEFFCC",
                    "showValues": "0",
                    "showPlotBorder":"1",
                    "alpha": "100",
                    
                    "data": [
                        {
                            "value": "0"
                        },
                        {
                            "value": "12.5"
                        },
                        {
                            "value": "25"
                        },
                        {
                            "value": "37.5"
                        }
                    ]
...