Highcharts Demo

author(s): Torstein Hønsi

by johnnytrinh

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<a id="resetChart" href="#">RESET</a>

JavaScript

var chart;
    $(document).ready(function () {
        /*begin pie chart render*/
        var colors = Highcharts.getOptions().colors,
            categories = ['A', 'B', 'C'],
            level = 0,
            //name = 'Regions',
            data = [{
                name: 'B',
                y: 10,
                color: colors[0],
                drilldown: {
                    level: 1,
                    name: 'A',
                    color: colors[0],
                    data: [{
                        y: 7,
                        name: 'Japan',
                        drilldown: {
                            level: 2,
                            data: [
                                ['1', 100],
                                ['2', 200],
                                ['3', 300],
                                ['4', 400],
                                ['5', 500],
                                ['6', 600],
                                ['7', 700]
                            ]
                        }
                    }, {
                        y: 3,
                        name: 'South Korea',
                        drilldown: {
                            level: 2,
                            data: [
                                ['1', 100],
                                ['2', 200],
                                ['3', 300]
                            ]
                        }
                    }]
                }
            }, {
                name: 'C',
                y: 34,
                color: colors[1],
                drilldown: {
                    level: 1,
                    name: 'C',
                    color: colors[1],
                    data: [{
                        y: 1,
                        name: 'Finland',
                        drilldown: {
                            level: 2,
                            data: [
                                ['1', 21009]
                            ]
     ...