Chart.js ile aylık gelir tablosu oluşturma
Merhaba, Chart.js ile aylık gelir tablosu oluşturmak istiyorum fakat bir türlü başarılı olamadım. Tablomda musteri_tutar isminde sütunum var, müşterilerime yapılan işlerin ücretlerini yazıyorum. Günlük ve Güncel olan Ay'ın gelirini card şeklinde ekrana bastırabiliyorum, benim yapmak istediğim 12 ay şeklinde chart oluşturarak her ay'ın gelirini kayıt altında tutmak istiyorum. Bunu başarmak için nasıl bir yol izleyebilirim? İnternette bununla ilgili kaynak bulamadım. Yabancı kaynaklardan bulduğumu uyguladım fakat başarılı olamadım. Yardımlarınızı bekliyorum teşekkürler.
Aşağıda kullandığım şekilde paylaştım
<?php
$musterisor = $db->prepare("SELECT SUM(musteri_tutar) FROM musteri WHERE DAY(musteri_tarih)=DAY(CURDATE()) ");
$musterisor->execute();
$gunluk = $musterisor->fetchColumn();
?>
<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-left-info shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-info text-uppercase mb-1">Günlük Gelir</div>
<div class="h4 mb-0 font-weight-bold text-gray-800"><?php echo $gunluk; ?> TL</div>
</div>
<div class="col-auto">
<i class="fas fa-money-bill-alt fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>
<?php
$musterisor = $db->prepare("SELECT SUM(musteri_tutar) FROM musteri WHERE MONTH(musteri_tarih)=MONTH(CURDATE()) ");
$musterisor->execute();
$aylik = $musterisor->fetchColumn();
?>
<div class="col-xl-3 col-md-6 mb-4">
<div class="card border-left-danger shadow h-100 py-2">
<div class="card-body">
<div class="row no-gutters align-items-center">
<div class="col mr-2">
<div class="text-xs font-weight-bold text-danger text-uppercase mb-1">Bu Ay'ın Geliri</div>
<div class="h4 mb-0 font-weight-bold text-gray-800"><?php echo $aylik; ?> TL</div>
</div>
<div class="col-auto">
<i class="fas fa-money-bill-alt fa-2x text-gray-300"></i>
</div>
</div>
</div>
</div>
</div>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (0)
Henüz kimse cevap yazmadı. İlk cevap yazan sen ol!