maribelajarcoding.com $.getJSON[ "//localhost/latihan-chartjs/data-produk.php", function[ data ] { var isi_labels = []; var isi_data=[]; $[data].each[function[i]{ isi_labels.push[data[i].NamaProduk]; isi_data.push[data[i].Jml]; }]; //deklarasi chartjs untuk membuat grafik 2d di id mychart var ctx = document.getElementById['myChart'].getContext['2d']; var myChart = new Chart[ctx, { //chart akan ditampilkan sebagai bar chart type: 'bar', data: { //membuat label chart labels: isi_labels, datasets: [{ label: 'Data Produk', //isi chart data: isi_data, //membuat warna pada bar chart backgroundColor: [ 'rgba[255, 99, 132, 0.2]', 'rgba[54, 162, 235, 0.2]', 'rgba[255, 206, 86, 0.2]', 'rgba[75, 192, 192, 0.2]', 'rgba[153, 102, 255, 0.2]', 'rgba[255, 159, 64, 0.2]' ], borderColor: [ 'rgba[255, 99, 132, 1]', 'rgba[54, 162, 235, 1]', 'rgba[255, 206, 86, 1]', 'rgba[75, 192, 192, 1]', 'rgba[153, 102, 255, 1]', 'rgba[255, 159, 64, 1]' ], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] } } }]; }];
Untuk menjalankan program, pastikan services apache dan mysql pada xampp control panel dalam keadaan start serta gunakan koneksi internet karena file jquery.js langsung di panggil menggunakan CDN.
Kita juga bisa mengganti tipe grafiknya dengan mengubah variabel type, contoh jika kita akan menampilkan grafik tipe pie.
Tutorial membuat grafik dengan chartjs PHP dan Mysql sampai disini. Sekian semoga bermanfaat.
Baca
juga Membuat grafik grouping dengan chartjs
Related search:
Membuat grafik dengan PHP dan MySQL
Membuat chart dengan PHP dan MySQL