Membina Graf mengggunakan chart.js

Assalamualaikum wbt

saya kongsikan tutorial menggunakan chart.js untuk memaparkan graf dinamik iaitu membaca dari database. Kebiasaan kita guna hghtchart.js sebagai graf untuk membangunkan dashboard dsb. Dalam tutorial ini saya menggunakan PHP Native dan Oracle DB

1. download lib chart.js 

https://www.chartjs.org/

2. extrackkan files ni dalam folder apps. Jika guna xampp apache dalam folder htdocs

3. Bangunkan code

– buat files connection ke db. dalam hal ini saya guna files atas nama config.inc

$username = “xxx”;
$passwd = “xx”;
$db=”(DESCRIPTION=
(ADDRESS_LIST=
(ADDRESS=(PROTOCOL=TCP)
(HOST=xx.xx.xx.xx)(PORT=1521)
)
)
(CONNECT_DATA=(SERVICE_NAME=db))
)”;

$conn= OCILogon($username,$passwd,$db);

if($conn){

}else{
echo “Connection Failed”;
exit();
}

– bangunkkan code utama utk memanggil lib chartjs.dalam contoh nie saya panggil terus dari cloudfare