<?php
    use app\assets\HighchartsAsset;


    HighchartsAsset::register($this);
    $this->title = 'Highcharts Test';
    ?>


<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div id="containers" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
 <?php $this->registerJs("

$(function () {

    // Create the chart
    $('#containers').highcharts({

        var faculty_lessarr= <?php echo $faculty_lessarr?>;
        var faculty_betweenarr= <?php echo $faculty_betweenarr?>;
        var drill_down_array=<?php echo $drilldownArray?>;
        var options = {
        chart: {
            type: 'column'
        },
        title: {
            text: 'Basic drilldown'
        },

        xAxis: [

            categories: $faculty

        }
        ,
        legend: {
            enabled: false
        },

        plotOptions: {
            series: {
                borderWidth: 0,
                dataLabels: {
                    enabled: true,
                }
            }
        },

        series: [
            {
                name: 'lessthan25',

                data: $faculty_lessarr,

            },
            {
                name: 'btween25to29',

                data: $faculty_betweenarr,

            }]
        }


    })
});
")?>

</div>
</div>
</div>
</div>