<?php
    use app\assets\HighchartsAsset;


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

<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel">
<div id="my-chart4" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

<?php $this->registerJs("
$(function () {
    $('#my-chart4').highcharts({
        title: {
            text: 'Jumlah Mahasiswa Magister Berdasarkan Lama Studi',
            x: -20 //center
        },

        xAxis: {
            categories: $yeardurasistudi
        },
        yAxis: {
            title: {
                text: 'Jumlah'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: ''
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: '<2',
            data: $durasistudi1
        }, {
            name: '2.0-2.4',
            data: $durasistudi2
        },
        {
            name: '2.5-2.9',
            data: $durasistudi3
        },
        {
            name: '3.0-3.4',
            data: $durasistudi4
        },
        {
            name: '3.5-3.9',
            data: $durasistudi5
        },
        {
            name: '>=4.0',
            data: $durasistudi6
        },
        {
            name: 'TidakDiketahui',
            data: $durasistudi7
        }]
    });
});
")?>
</div>
</div>