Highcharts Demo

author(s): Torstein Hønsi

by Bernardo Alfonso Borunda Jaquez

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/data.js"></script>
<script src="http://code.highcharts.com/modules/drilldown.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

$(function () {
    $('#container').highcharts({
        chart: {type: 'column'},
        xAxis: {categories: ['02-MAR','03-MAR']},         
        series: [
                    {name: 'PackLogIn',
                        data: [
                                    {name: 'PACKLOGIN', drilldown: 'PACKLOGIN_02-MAR', y: 0},
                                    {name: 'PACKLOGIN', drilldown: 'PACKLOGIN_03-MAR', y: 46}
                               ]
                    },
                    {name: 'AWP',
                        data: [
                                    {name: 'AWP', drilldown: 'AWP_02-MAR', y: 0},
                                    {name: 'AWP', drilldown: 'AWP_03-MAR', y: 8}
                                ]
                    },
                    {name: 'IN_Process', 
                        data: [
                                    {name: 'IN_PROCESS', drilldown: 'IN_PROCESS_02-MAR', y: 9},
                                    {name: 'IN_PROCESS', drilldown: 'IN_PROCESS_03-MAR', y: 14}
                                ]
                    }
                ],
        drilldown: {series: [
                                {id: 'PACKLOGIN_02-MAR', name: 'PACKLOGIN_02-MAR', 
                                        data: [
                                                    ['NTF', ],
                                                    ['DIAG', ],
                                                    ['SNDDIAG', ]
                                                ]
                                },
                                {id: 'PACKLOGIN_03-MAR', name: 'PACKLOGIN_03-MAR', 
                                        data: [
                                                    ['NTF', 37],
                                                    ['DIAG', 4],
                                                    ['SNDDIAG', 5]
                                                ]
                                },
                                {id:...