FusionCharts - Gallery Example - Pie 2D Chart

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>
<!-- Basic sample for Pie 2D chart -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var ageGroupChart = new FusionCharts({
        type: 'pie2d',
        renderAt: 'chart-container',
        width: '400',
        height: '350',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Split of Visitors by Age Group",
                "subCaption": "Last year",
                "paletteColors": "#0075c2,#1aaf5d,#f2c500,#f45b00,#8e0000",
                "showLegend":"1",
                "theme":"fint",
                "plotToolText": "$displayValue, $dataValue"
            },
            "data": [
                {		
                		"displayValue":"Teenage",
                    "label": "Teenage, 29.4%",
                    "value": "1250400"
                }, 
                {
                		"displayValue":"Adult",
                    "label": "Adult, 34.4%",
                    "value": "1463300"
                }, 
                {
                		"displayValue":"Mid-age",
                    "label": "Mid-age, 24.7%",
                    "value": "1050700"
                }, 
                {
                		"displayValue":"Senior",
                    "label": "Senior, 11.5%",
                    "value": "491000"
                }
            ]
        }
    }).render();
});