Cara membuat grafik di php menggunakan database

Question

Fokus dari artikel ini adalah untuk menjelaskan bagaimana Anda dapat membuat diagram garis menggunakan PHP dan MySQL yang datanya disimpan dalam database

Table of Contents Show

Bagaimana cara membuat grafik dari database?
Bagaimana cara membuat grafik garis di PHP menggunakan database?
Bagaimana cara membuat grafik di PHP?
Bagaimana cara membuat diagram lingkaran di PHP menggunakan nilai basis data?

Artikel ini merupakan lanjutan dari artikel sebelumnya yang membahas cara membuat grafik garis menggunakan PHP dan MySQL dimana kami menyoroti secara detail apa yang diperlukan dan apa yang dilakukan setiap fungsi

Untuk artikel ini, kami akan langsung menunjukkan cara membuat diagram garis di halaman web

Pertama, Anda perlu menambahkan file JavaScript loader bagan yang disediakan oleh gstatic di bagian kepala situs web Anda

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

Selanjutnya Anda perlu menentukan di mana bagan garis akan ditampilkan setelah dibuat

Kami menggunakan div dan menetapkan id yang akan kami tautkan nanti setelah bagan garis dibuat

<!--location where the line chart will be displayed-->
        <div id="line-chart-location">
        </div>

_

Selanjutnya, Anda harus menyiapkan data di database MySQL yang ingin Anda tampilkan dalam bagan garis

Untuk artikel ini, kami menggunakan tabel untuk menyimpan pelanggan dan kami akan mengelompokkannya berdasarkan bulan sehingga kami dapat memantau tren bulanan

</head>

<body>

<?php

$chkresults = mysqli_query($con,"SELECT MONTH(subscribed_on) AS subscriber_month, COUNT(*) AS subscriber_count FROM subscribers GROUP BY MONTH(subscribed_on)");

?>

google.charts.load('current', {'packages':['Line']});

google.charts.setOnLoadCallback(drawChart);

function drawChart() {

var data = google.visualization.arrayToDataTable([

['Month','Subscribers'],

<?php

while($row=mysqli_fetch_assoc($chkresults)){

echo "['".$row["subscriber_month"]."',".$row["subscriber_count"]."],";

}

?>

]);

var options = {

chart: {

title: '',

},

bars: 'vertical',

vAxis: {format: 'decimal'},

height: 300,

colors: ['#d95f02']

};

var chart = new google.charts.Line(document.getElementById('line-chart-location'));

chart.draw(data, google.charts.Line.convertOptions(options));

}

</script>

</div>

</body>

</html>

_

Gambar berikut menunjukkan hasil dari kode di atas

How to generate line charts using PHP and MySQL

Anda dapat menggunakan data kustom Anda sendiri dan mencatat perilaku bagan garis. Ini bekerja dengan data waktu nyata setiap kali proses yang benar diikuti. Begitulah cara kami membuat bagan garis menggunakan PHP, MySQL, dan JavaScript