<div id="{{ $id }}" style="height: 400px;"></div>

<script>

     Highcharts.chart('{{ $id }}', {
                    chart: {
                        type: 'column'
                    },
                    title: {
                        text: '{{ $nama_rayon }}'
                    },
                    xAxis: {
                        categories: {!! $tgl_giling !!},
                        title: {
                            text: 'Tanggal Giling'
                        }
                    },
                    yAxis: [{
                        title: {
                            text: 'Protas'
                        }
                    }, {
                        title: {
                            text: 'Rendemen'
                        },
                        opposite: true
                    }],
                    series: [{
                        name: 'Protas',
                        data: {{ $protas }},
                        dataLabels: {
                            enabled: true,
                            color: 'darkgrey',
                            style: {
                                fontWeight: 'bold',
                                textOutline: '0px'
                            }
                        }
                    }, {
                        name: 'Rendemen',
                        data: {{ $rendemen }},
                        dataLabels: {
                            enabled: true,
                            color: '#2a0589',
                            style: {
                                fontWeight: 'bold',
                                textOutline: '0px'
                            }
                        },
                        yAxis: 1
                    }]
                });
</script>