v2.5.2
Giriş yap

Chart.js ile aylık gelir tablosu oluşturma

ceycey
288 defa görüntülendi

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>


Cevap yaz
Cevaplar (0)
Henüz kimse cevap yazmadı. İlk cevap yazan sen ol!