Server : Apache/2.4.62 (Unix) OpenSSL/1.0.2k-fips System : Linux server1.richineiserver.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : fdshops ( 1003) PHP Version : 8.2.21 Disable Function : NONE Directory :  /home/fdshops/public_html/resources/views/vendor/charts/chartjs/multi/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

@if(!$model->customId)
    @include('charts::_partials.container.canvas2')
@endif

<script type="text/javascript">
    var ctx = document.getElementById("{{ $model->id }}")
    var {{ $model->id }} = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: [
                @foreach($model->labels as $label)
                    "{!! $label !!}",
                @endforeach
            ],
            datasets: [
                @for ($i = 0; $i < count($model->datasets); $i++)
                    {
                        fill: true,
                        label: "{!! $model->datasets[$i]['label'] !!}",
                        lineTension: 0.3,
                        @if($model->colors and count($model->colors) > $i)
                            borderColor: "{{ $model->colors[$i] }}",
                            backgroundColor: "{{ $model->colors[$i] }}",
                        @else
                            $c = sprintf('#%06X', mt_rand(0, 0xFFFFFF))
                            borderColor: "{{ $c }}",
                            backgroundColor: "{{ $c }}",
                        @endif
                        data: [
                            @foreach($model->datasets[$i]['values'] as $dta)
                                {{ $dta }},
                            @endforeach
                        ],
                    },
                @endfor
            ]
        },
        options: {
            responsive: {{ $model->responsive || !$model->width ? 'true' : 'false' }},
            maintainAspectRatio: false,
                @if($model->title)
                    title: {
                display: true,
                    text: "{!! $model->title !!}",
                    fontSize: 20,
            },
            @endif
                scales: {
                yAxes: [{
                    display: true,
                    ticks: {
                        beginAtZero: true,
                    }
                }]
            }
        }
    });
</script>