Drill Down Pie 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>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- Linked Chart: Data String method
    This sample showcases data in different levels (Quarterly Revenue and Monthly Revenue) through FusionCharts Linked Chart feature. First quarterly data is rendered and then by clicking on any particular quarter, monthly data for that particualr quarter is shown. 

This feature is highly useful to show complex data in different levels and provide options to zoom into the data through a single chart instance.-->

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

JavaScript

FusionCharts.ready(function () {
    var DrillDown_revenueChart = new FusionCharts({
        type: 'pie2d',
        renderAt: 'chart-container',
        width: '400',
        height: '300',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Quarterly revenue",
                "subCaption": "Last year",
                "xAxisName": "Quarter (Click to drill down)",
                "yAxisName": "Revenue (In USD)",
                "numberPrefix": "$",
                "theme": "fint"
            },

            "data": [
                {
                    "label": "Q1",
                    "value": "1950000",
                    "link": "newchart-json-q1"
                },
                {
                    "label": "Q2",
                    "value": "1970000",
                    "link": "newchart-json-q2"
                },
                {
                    "label": "Q3",
                    "value": "1910000",
                    "link": "newchart-json-q3"
                },
                {
                    "label": "Q4",
                    "value": "2120000",
                    "link": "newchart-json-q4"
                }
            ],
            
            "linkeddata": [
                {
                    "id": "q1",
                    "linkedchart": {
                        "chart": {
                            "caption": "Monthly Revenue",
                            "subcaption": "First Quarter",
                            "xAxisName": "Month",
                            "yAxisName": "Revenue (In USD)",
                            "numberPrefix": "$",
                            "theme": "fint"
                        },
                        "data": [
                            {
                                "label": "Jan",
                                "value": "420000"
                            }, {
                                "label": "Feb",
                     ...