Merhabalar
Projeme ChartJs Eklemek İstiyorum ama ilk kez deneme yapmak istedim ve başarılı olamadım
yapmak istedigim şey aşagıdaki gibi birşey

bu konuda yardımcı olabilirseniz çok sevinirim.
bu görsel benim kafamda uyarladıgım birşey
arkadaşlar istedigim gibi birşey çıkardım ama
sanki bu olmadı

ChartJs
kullanarak
urun tablom ve
TankCikisHareket tablomdaki bilgiler ile işlem yapmam gerekiyor

urun tablomun
bilgilerinden sadece 2 si lazım
id,name
TankCikisHareket modelimde
urun_id
miktar
tarih
bilgileri ile işlem yapmam gerekiyor
Ocak ayı ile Aralık ayı arasındaki yani yılın tüm kayıtları alınması
urun_id ye göre miktarların toplanması ve aynı zamanda
tarihe göre yani Ocak Şubat Mart şeklinde 12 aya göre toplanması
sonrasınjda
ChartJs de işlenmesi gerekiyor
şöyle birşeyler yapmayı başardım ama tam olarak istedigim şey bu degil
varmı bilgisi olan acaba ?


                <div class="col-md-6">
                    <div class="card card-success">
                        <div class="card-header with-border">
                            <h3 class="card-title text-center">
                                <i class="far fa-chart-bar"></i>
                                Aylık Süt Satış Miktar Tablosu
                            </h3>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <p class="text-center">
                                        {{ __(':start_month-:end_month', ['start_month' => __('Ocak'), 'end_month' => __('Aralık')]) }}
                                        {{ __('Ürün Satış Miktar Tablosu') }}
                                        {{ date('Y') }}
                                    </p>
                                    <div class="chart">
                                        @php
                                            $year = date('Y');
                                            $tarih_baslangic = '01/01/'. $year;
                                            $tarih_bitis = '12/31/'. $year;
                                            $urunler_isimler = \App\Models\Urun::whereIn('id', $urunler)
                                                               ->pluck('name', 'id')
                                                               ->toArray();
                                          
                                            $data = \App\Models\TankCikisHareket::select('urun_id', 'miktar', 'tarih')
                                                ->where('urun_id', 1)
                                                ->whereBetween('tarih', [$tarih_baslangic, $tarih_bitis])
                                                ->get();
                                            $monthly_milk_quantity = [];
                                            foreach ($data as $row) {
                                                $urun_id = $row->urun_id;
                                                $miktar = $row->miktar;
                                                $tarih = $row->tarih;
                                                $ay = date('m', strtotime($tarih));
                                                if (!isset($monthly_milk_quantity[$urun_id][$ay])) {
                                                    $monthly_milk_quantity[$urun_id][$ay] = 0;
                                                }
                                                $monthly_milk_quantity[$urun_id][$ay] += $miktar;
                                            }
                                            $chart_data = [];
                                            $urunler = [];
                                            foreach ($data as $row) {
                                                $urun_id = $row->urun_id;
                                                $miktar = $row->miktar;
                                                $ay = $row->ay;

                                                // Eğer bu ürün_id daha önce işlenmediyse yeni bir array oluştur
                                                if (!isset($chart_data[$urun_id])) {
                                                    $chart_data[$urun_id] = [
                                                        'label' => "Ürün: {$urun_id}",
                                                        'data' => array_fill(0, 12, 0),
                                                    ];
                                                    $urunler[] = $urun_id;
                                                }

                                                // Veriyi ilgili aya ekle
                                                $chart_data[$urun_id]['data'][$ay - 1] = $miktar;
                                            }
                                            $month_names = [
                                                "Ocak",
                                                "Şubat",
                                                "Mart",
                                                "Nisan",
                                                "Mayıs",
                                                "Haziran",
                                                "Temmuz",
                                                "Ağustos",
                                                "Eylül",
                                                "Ekim",
                                                "Kasım",
                                                "Aralık"
                                            ];
                                        @endphp
                                        <canvas id="myChart" width="550" height="300"></canvas>
                                        <script>
                                            //Chart Başlangıç
                                            var ctx = document.getElementById('myChart').getContext('2d');
                                            var myChart = new Chart(ctx, {
                                                type: 'bar',
                                                data: {
                                                    labels: @php echo json_encode($month_names); @endphp,
                                                    datasets: [
                                                        @php foreach ($urunler as $urun) { @endphp
                                                        @php echo json_encode($chart_data[$urun_id]); @endphp
                                                        @php } @endphp
                                                    ]
                                                },
                                                options: {
                                                    scales: {
                                                        yAxes: [{
                                                            ticks: {
                                                                beginAtZero: true
                                                            }
                                                        }]
                                                    }
                                                }
                                            });
                                            //Chart Bitiş
                                        </script>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

@mgsmus hocam ?
son hali aşagıdaki gibidir.