Membuat Chart dengan ChartJs, Codeigniter, dan MySql

[@geforcefree281]

Thanks very much bang, penjelesan cepat tepat dan akurat

[@geforcefree281]

semoga makin sukses bang

[@alharsimedia]

welcome bang, aamiin hehehe makasih bang

[@PTRadoRizaTravelMedan]

Terima kasih Gan, sangat membantu kerjaan saya

[@alharsimedia]

Okehh sama2 Gan

[@nuriswanto2311]

Cerdas

[@alharsimedia]

makasih bang

[@geforcefree281]

trims bg udah berhasil, bg kalau legendnya mau diletak di bagian kanan gimana ya

[@alharsimedia]

siap bang sama2

[@hestimahrozan7085]

Kalau dua data bagaimana ya ? Misal data sales dan data purchase terhadap sumbu x. Trmksj

[@alharsimedia]

coba tambahin object lg bang di datasets nya kaya gini : Pertama buat array chartZ trus isi array nya pake method map() let chartZ = [] data.map( data => { chartX.push(data.month) chartY.push(data.sales) chartY.push(data.z) }) Abis itu tambah object di datasets nya : const chartData = { labels: chartX, datasets: [ { label: 'Sales', data: chartY, backgroundColor: ['lightcoral'], borderColor: ['lightcoral'], borderWidth: 4 }, { label: 'Sales', data: chartZ, backgroundColor: ['lightblue'], borderColor: ['lightblue'], borderWidth: 4 } ] }

[@fahriadithia]

di video ini pake xampp versi dan php versi berapa yang bang?

[@alharsimedia]

kalau ga salah xampp versi 7.4.9 bang, php versi 7

[@pondokkoding5023]

klo di laravel gmna bang?

[@alharsimedia]

Laravel belum pernah pake bang tp intinya sih kurleb sama aja request ke backend terus backend ngambil data dari database abis itu ngirim response ke client lewat javascript, nanti di javascript baru deh diolah ke chart nya

[@syarifhidayatullah4887]

bang kok pas connect ke db nya ada bilang 'Content Security Policy blocks inline execution of scripts and stylesheets' gtu dan gabisa connect ke db. solusinya gmna

[@alharsimedia]

waduh saya belum tau bang kalau error ini, never had this before tp kalau emang errornya karena ga bisa exekusi inline script (css/js) coba pindahin scriptnya ke file terpisah

[@syarifhidayatullah4887]

@@alharsimedia caranya bang?

[@syarifhidayatullah4887]

@@alharsimedia file js nya ada di folder mana aja ya bang?

[@alharsimedia]

Script js nya ga saya pisah bang, saya masukin di file html nya. Kalau mau dipisah buat folder baru aja di folder application nanti file nya bisa dipanggil pake url helper (baseUrl). Tp coba gini aja bang kalau emang susah konek database baiknya diperiksa satu2 mulai dari import database, model sama controllernya, sama konfigurasi di database.php nya kaya username sama nama databasenya udah sama belum dengan database di mysql.

[@sidqiazafiraa4306]

Bang kalo ada eror di controllernya tulisannya "undefined property '$chartmodel' . Itu kenapa ya bang?

[@alharsimedia]

chartmodel nya belum di-load kak, coba ke folder application->config terus buka autoload.php, di paling bawah ada $autoload['model'] nanti kk isi chartmodel nya di situ, kaya gini nanti : $autoload['model'] = array('chartmodel'). Sesuaikan dengan nama model nya yah, kalau nama modelnya chartmodel masukin chartmodel, kalau nama modelnya chart_model masukin chart_model

[@sidqiazafiraa4306]

Sudah ka, erornya tetap sama. Databasenya tidak terpanggil kira2 kenapa ya?

[@alharsimedia]

@@sidqiazafiraa4306 coba cek database.php nya kak, liat hostname sama password nya udah sesuai belum sama database nya kk, kalau udah coba liat di chart_model nya udah di-load belum database nya

[@mahfudalifahmi226]

bang cara nambahin % di dalam diagram gimana ya? code sudah benar tapi ga muncul

[@alharsimedia]

kalau untuk nambahin % belum tau bang, mungkin biar lebih simple di judul chart nya kasih aja keterangan "disajikan dalam %".

[@gamemaster8432]

bang kalau php windows nya di atas versi 5 justru gak jalan ya CI nya? aku mau nge load model nya selalu eror, padahal udah ngikutin dari video sama ngikutin dari dokumentasinya juga

[@alharsimedia]

Bisa jadi karena ada yg typo di controllernya atau di file autoload.php nya ka

[@gamemaster8432]

@@alharsimedia udah aku cek bolak balik sih bang, sampai bikin ulang model sama controller nya, ditulis ulang pelan2 dari atas, tetep aja eror nya -> file model exist but doesn't declare any model class

[@alharsimedia]

Coba cek nama file modelnya sama persis ga ka sama nama class nya

[@gamemaster8432]

@@alharsimedia udah juga kak, awalnya sempet nulis tanpa _model, ternyata pas ngecek stackoverflow harus pake kapital di awal plus _model di akhir, di class nya juga udah disamain

[@alharsimedia]

@@gamemaster8432 take a rest ka kalau gt, to fix bugs sometimes it's just a matter of time biasanya kalau ditinggal dulu sehari dua hari baru deh ketauan errornya dimana

[@chandraa9406]

kak, kalau ada 2 diagram yang berbeda tabel gimana ?

[@alharsimedia]

Bikin satu fungsi lg kak buat data/tabel yg berbeda

[@chandraa9406]

@@alharsimedia tapi 2 chart/lebih di 1 view bisa kak ? kalau id canvas bisa diganti misal "ChartPie" ga ka ? soalnya saya coba ngga bisa

[@chandraa9406]

@@alharsimedia kalau parameter charttypenya diganti bisa kak ?

[@alharsimedia]

2 chart dalam 1 tag canvas ga bisa kak, kalau kaka nya mau buat 2 chart dengan data yg berbeda kaka bisa buat 2 tag canvas sama 2 fungsi chart buat masing2 tag canvasnya (ga perlu masukin parameter apa2). Misal 1 tah canvas , 1 lg . Abis itu kaka bikin fungsi buat masing2 tag canvas nya, bikin ctx buat masing2 id kaya gini Fungsi 1: const ctx = document.getElementById('sales').getContext('2d') Fungsi 2 = document.getElementById('qty').getContext('2d') nanti tipe chartnya langsung ketik aja di config nya kaya gini : const config {type: 'line', data: salesData}, satu lg berarti kaya gini : const config {type: 'bar', data: qtyData)

[@alharsimedia]

Background color sama borderColor nya langsung isi aja di masing2 salesData sama qtyData. Abis itu ga perlu pake switch statement lg kak, jd bisa langsung instansiasi Chart nya kaya gini : const chart = new Chart(ctx, config)

[@Umat.sederhana]

bang kalau mau nambah filter pertahun bagaimana ya?

[@alharsimedia]

Pertama kosongin dulu chartdata nya bang terus buat fungsi untuk update chartdata nya. Bisa liat di sini contohnya kzbin.info/www/bejne/q2ebe3RmpadmfrM

[@iwan9192]

Bg saya sudah copy filenya dan mengikuti seperti yg abg buat tapi hasilnya gadak apa apa bg,kayak halaman blank gitu gadak teks apapun,kira kira itu kenapa yah bg?

[@alharsimedia]

Coba cek error nya di console ka

[@upermi8408]

@@alharsimedia sama Om, saya juga. Error di consolnya di bagian .getContext('2d') Itu kenapa ya Om..?

[@muhammadrizqi6899]

Bang, klo untuk realtime code yang ditambahkan apa yah?

[@alharsimedia]

untuk realtime saya belum tau bang, kalau untuk update bisa pake method update() lebih lengkapnya ada di tutorial ini kzbin.info/www/bejne/q2ebe3RmpadmfrM

[@alharsimedia]

kzbin.info/www/bejne/qn-0n2B_hq-qgrM Boleh liat di sini bang untuk realtime chart nya, baru saya buat

[@minao4320]

kak kok yg saya consolenya error ya

[@alharsimedia]

Coba cek query nya kak, barangkali ada yg typo atau kurang tanda petik.

[@minao4320]

@@alharsimedia okay, terimakasih kak

[@panjihenindyanugraha1322]

bang sya errornya waktu awal2 begini kenapa ya ? A PHP Error was encountered Severity: 8192 Message: Creation of dynamic property CI_URI::$config is deprecated Filename: core/URI.php Line Number: 102 Backtrace: File: C:\xampp\htdocs\mychart\index.php Line: 315 Function: require_once

[@alharsimedia]

Halo bang, untuk error ini saya belum tau solusi nya, baru lihat