FusionCharts - Gallery Example - Pie 3D Chart

Created using FusionCharts Suite XT - www.fusioncharts.com

by Siva Subramaniam

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- Pie 3D chart -->
<div id="chart-container">FusionCharts will render here</div>

CSS

#chart-container {
    width: 300px;
    height: 300px;
}

JavaScript

FusionCharts.ready(function () {
    var demographicsChart = new FusionCharts({
        type: 'pie3d',
        renderAt: 'chart-container',
        width: '100%',
        height: '100%',
        dataFormat: 'json',
        dataSource: {
            chart: {
                paletteColors: "#FFAE00,#1566EC,#82C309",
                bgColor: "#ffffff",
                use3DLighting: 1,
                showShadow: 0,
                enableSmartLabels: 0,
                startingAngle: 90,
                showLabels: 0,
                showValues: 0,
                showPercentValues: 0,
                showLegend: 0,
                pieSliceDepth: 20,
                pieYScale: 70,
                bgcolor: "EEEEEE,FFFFFF",
                bgalpha: "100,100",
                bgratio: "0,100",
                bgangle: "90",
                showBorder: 1,
                borderColor: "DDDDDD",
                borderThickness: 1,
                showToolTip: 0,
                animation: 0,
                width: "100%",
                height: "100%",
                pieRadius: 148
            },
                "data": [{
                "label": "Not Started",
                    "value": 13
            }, {
                "label": "Complete",
                    "value": 9
            }, {
                "label": "In Progress",
                    "value": 33
            }]
        }
    });
    demographicsChart.render();
});