<style>
    #shownumber {
        border-radius: 50%;
        border: 5px solid #F10A0E;
        color: #F10A0E;
        font-size: 30px;
        width: 80px;
        text-align: center;
        position: absolute;
        margin-top: -25px;
    }

    label {
        font-size: 17px !important;
    }

    .hiclass {
        background-color: rgb(51, 144, 255);
        color: white
    }
</style>
<h5 class="text-left battambang text-bold">{{ $campus ?? 'គ្រប់សាខាទាំងអស់' }}</h5>
<h5 class="text-center muol">ចំនួននិស្សិតចុះឈ្មោះប្រចាំថ្ងៃ​</h5>
<h6 class="text-center battambang text-bold">គិតត្រឹមថ្ងៃទី:{{ dateFormat($from_date) }} ដល់ {{ dateFormat($to_date) }}</h6>
<h6 class="text-center battambang text-bold">ថ្ងៃបោះពុម្ភ: {{ date('d-m-Y h:i A') }}</h6>
<h6 class="text-center battambang text-bold" style="text-align: left !important;">System:0025</h6>
<table class="table-report table-report-boder">
    <div id="main_chart" style="height: 500px; width: 100%; margin-top: 30px;"></div>
</table>
<table align="center" width="98%" style="font-size: 14px; line-height: 25px; margin-top: 20px;">
    <tbody>
        <tr style="text-align: center;">
            <td width="25%"></td>
            <td width="20%"></td>
            <td width="70%" nowrap="nowrap"><span id="khmer-lunar-date"></span></td>
        </tr>
        <tr style="text-align: center;">
            <td></td>
            <td></td>
            <td>រាជធានីភ្នំពេញ, @khmer_date(date('Y-m-d'))</td>
        </tr>
        <tr style="text-align: center;">
            <td>បានឃើញនិង ឯកភាព</td>
            <td>បានពិនិត្យ</td>
            <td>អ្នកធ្វើតារាង</td>
        </tr>
    </tbody>
</table>
<script>
    $(document).ready(function () {
        var chartDom = document.getElementById('main_chart');
        var chart = echarts.init(chartDom);
        var labels = @json($dailyLabels).map(function(dateStr) {
            return convertDate(dateStr);
        });
        var option = {
            title: {
                text: 'ចំនួននិស្សិតចុះឈ្មោះប្រចាំថ្ងៃ',
                left: 'center',
                top: 10,
                textStyle: {
                    fontSize: 18,
                    fontFamily: 'Khmer OS Muol'
                },
                subtextStyle: {
                    fontSize: 14,
                    fontFamily: 'Khmer OS Battambang'
                }
            },
            tooltip: {
                trigger: 'axis'
            },
            xAxis: {
                type: 'category',
                data: labels,  
            },
            yAxis: {
                type: 'value',
                name: 'និស្សិត'
            },
            series: [{
                name: 'ចំនួននិស្សិត',
                type: 'bar',
                data: @json($dailyCounts),
                barWidth: '50px',
                itemStyle: {
                    color: '#3398DB',
                    borderRadius: [5, 5, 0, 0]
                }
            }]
        };

        chart.setOption(option);

        
        
    });

    function convertDate(dateStr) {
        const parts = dateStr.split('-');
        let year = parts[2];

        if (year.length === 2) {
            year = '20' + year;
        }

        parts[2] = year;
        return parts.join('-');
    }
    $(document).find('#khmer-lunar-date').html(khmerDate().toLunarDate());

You can help me.
Print chart