Penanganan data ZingChart yang fleksibel memungkinkan Anda untuk menggunakan data secara langsung dari database. Dalam tutorial ini, kita akan membahas penggunaan PHP untuk mengkueri database MySQL dan mengonversi data menjadi variabel JavaScript untuk digunakan dalam bagan kita. Show Menggunakan PHP dan MySQL adalah kasus penggunaan yang sangat umum, tetapi jika Anda menggunakan database yang berbeda, kami memiliki demo lain yang tersedia dan sedang dalam pengembangan. Jika Anda sedang mencari sesuatu yang lain, coba salah satu dari demo ini
Sekarang, mari kita mulai dengan PHP dan MySQL Untuk contoh ini, kami telah membuat database MySQL yang berisi beberapa contoh data dan kami ingin menampilkan data ini dalam bagan JS. Berikut adalah isi dari tabel t_test kami
Pertama-tama kita harus membuka koneksi ke database _Data kami ada dalam tabel t_test kami, jadi kami akan menanyakan database kami untuk menerima kumpulan hasil
Untuk membuat data kompatibel dengan bagan kita, kita harus membuat objek JavaScript dari data tersebut. Untuk melakukan ini, kita akan menggunakan PHP while loop untuk mengulang melalui data kita untuk membuat larik JavaScript dari kumpulan hasil kita
Sekarang kita memiliki data database kita di objek array JavaScript kita, kita dapat menutup koneksi database _Kita sekarang dapat menggunakan array myData dan myLabels seperti yang kita lakukan dengan objek array normal _Membuat kueri database dan menggunakan data yang diambil akan memungkinkan Anda untuk terus memperbarui bagan JS dengan data terbaru, menghilangkan kebutuhan untuk mengubah konfigurasi JSON bagan secara manual. Dalam contoh ini, kami menggunakan database MySQL, tetapi proses yang sama dapat diikuti dengan semua jenis database. Cobalah Bagan yang digambar di atas dapat ditampilkan dengan koneksi internet langsung karena perpustakaan akan dimuat dari gstatic. com Data dikumpulkan dari tabel database MySQL sehingga data dapat diedit dengan menggunakan skrip dan hal yang sama akan dicerminkan oleh Bagan. Kami belum memasukkan bagian ini dalam skrip ini dan ada banyak tutorial yang tersedia di sini salah satunya menangani data menggunakan PHP dan MySQL Representasi dan visualisasi data sangat dibutuhkan saat mengembangkan aplikasi perangkat lunak karena ini adalah cara terbaik bagi mereka yang bukan pengembang perangkat lunak untuk memahami lebih baik Untuk pengembang perangkat lunak, lebih mudah untuk menginterpretasikan data dalam format apa pun tetapi untuk non-pengembang, disarankan agar mereka diberikan cara agar mereka dapat melihat data dengan mudah. Grafik batang digunakan untuk merepresentasikan data dengan cara yang lebih mudah sehingga seseorang dapat melacak hasil produk atau layanan. Misalnya, Anda memiliki produk dan ingin melihat bagaimana pelanggan mendaftar dari bulan ke bulan, grafik batang dapat membantu melacaknya karena akan menunjukkan tren apakah naik atau turun. Pada artikel ini, kita akan membahas cara membuat grafik batang menggunakan PHP dan MySQL di mana jika Anda memiliki data dalam database MySQL, Anda dapat menampilkannya menggunakan grafik batang.
_Ingat grafik js harus diinisialisasi sebelum mengeksekusi kode grafik
Untuk demonstrasi ini, kami akan menggunakan data pelanggan untuk bulan September, Oktober, dan November </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)"); ?> <script type="text/javascript"> google.charts.load('current', {'packages':['Bar']}); 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.Bar(document.getElementById('bar-graph-location')); chart.draw(data, google.charts.Bar.convertOptions(options)); } </script> <!--location where bar graph will be displayed--> <div id="bar-graph-location"> </div> </body> </html> Untuk menambahkan nama bulan sebenarnya selain angka, Anda dapat menggunakan metode if else dan mencocokkan angka bulan yang benar dengan namanya Begitulah cara kami membuat grafik batang menggunakan PHP dan MySQL menggunakan fitur grafik yang disediakan oleh Google Charts Anda dapat menggambar grafik batang menggunakan tipe data apa pun asalkan mengikuti struktur yang disediakan. Gunakan contoh lain untuk menguji fitur ini. Selamat mengkode Bagaimana cara membuat bagan dan grafik menggunakan tutorial MySQL PHP morris js?php $koneksi = mysqli_connect("localhost", "root", "", "pengujian"); . = "{tahun. '". $baris["tahun"]. "', laba. "
Bagaimana cara membuat grafik di PHP?Contoh 1. Membuat Bagan Garis
. Array telah digunakan untuk mengatur data untuk menggambar grafik. Objek Grafik telah digunakan untuk menampilkan grafik, dan objek LinePlot telah digunakan untuk membuat grafik garis dengan menggunakan objek Grafik. Create a PHP file with the following script to draw a line chart of green color. An array has been used to set the data for drawing the chart. The Graph object has been used for displaying the chart, and the LinePlot object has been used to create the line chart by using the Graph object.
Bagaimana cara memplot bagan kendali pada halaman web menggunakan data MySQL dan PHP?Buat Bagan Interaktif menggunakan PHP dan Database MySQL . Menginstal perangkat lunak prasyarat Membuat database dan menginisialisasi dengan seed data di MySQL Mengimplementasikan program server berbasis PHP Mengintegrasikan grafik dengan data dari server Bagaimana cara membuat bagan garis di PHP menggunakan nilai basis data?1. Mengumpulkan data dari database MySQL. Setelah terhubung ke database melalui konfigurasi. . 2. Susunan data dalam PHP. Sebelum menampilkan record dalam tabel, kami telah membuat array di PHP ( $php_data_array ). . 3. Mentransfer data dari PHP ke JavaScript untuk membuat bagan. . 4. Menambahkan data ke Bagan. . bagian HTML |