Pie Chart Drilldown + Toolbar

Drill up with pie charts with toolbar built int

by johnnytrinh

HTML

<script src="https://github.com/highslide-software/highcharts.com/raw/master/js/highcharts.src.js"></script>
<div id="container" style="width: 980px; height: 400px; margin: 0 auto"></div>

JavaScript

var chart;
$(document).ready(function() { /*begin chart render*/
    var colors = Highcharts.getOptions().colors,
        categories = ['The Americas', 'Asia Pacific', 'Europe & Africa'],
        //name = 'Sectors',
        data = [{
            name: 'A-1',
            y: 55,
            color: colors[0],
            drilldown: {
                //begin alcohol
                name: 'A-1',
                categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
                data: [122252, 3516, 4036, 3557, 4021, 3624, 3847],
                color: colors[0],
                data: [{
                    y: 33.06,
                    name: 'A',
                    drilldown: {
                        name: 'Budweiser',
                        categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
                        data: [10838, 11349, 11894, 11846, 11878, 11662, 11652, 11438, 11833, 12252],
                        color: colors[0]
                    }},
                {
                    y: 10.85,
                    name: 'B',
                    drilldown: {
                        name: 'Heinekein',
                        categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
                        data: [2266, 2396, 2431, 2380, 2357, 3516],
                        color: colors[0]
                    }},
                {
                    y: 7.35,
                    name: 'C',
                    drilldown: {
                        name: 'Jack Daniels',
                        categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
                        data: [1583, 1580, 1612, 4036],
                        color: colors[0]
                    }},
                {
                    y: 2.41,
                    name: 'D',
                    drilldown: {
                        name: 'Johnnie Walker',
                        categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
                        data: [1649, 1654, 1724, 3557],
                        color:...