Hallo sahabat Dumetschool bertemu kembali dalam tutorial kursuswebdesign, pada kesempatan kali ini saya akan membahas tentang Cara Membuat Pie Chart menggunakan HTML dan Chart.js . Jika kita ingin membuat visualisasi statistik, grafik yang akan digunakan dalam presentasi ini merupakan cara tepat untuk mewakilinya. Dalam memahami data menjadi mudah dan jelas dengan penggunaan grafik. Ada berbagai contoh library grafik seperti Google Charts, Highchart, Chart.js, dan banyak lagi. Pada kasus ini saya akan membuat contoh untuk menampilan grafik menggunakan library Chart.js. Dalam membuat tampilan grafik sederhana menggunakan library chart.js sangat mudah. Sahabat bisa langsung mendownload library chart.js disini ,jika sudah simpan file dalam folder seperti berikut:

3-cara membuat pie chart menggunakan html dan chart.js

Langkah selanjutnya persiapkan struktur HTMLnya, dalam struktur HTML saya memiliki sebuah tag canvasĀ untuk wadah tampilan chart yang akan dibuat, coba sahabat ketikan script dibawah ini :

Jika sahabat sudah selesai mengetikan script dengan benar maka tampilanya seperti berikut:

2-cara membuat pie chart menggunakan html dan chart.js

Demikian pembahasan artikel ini tentang cara membuat pie chart menggunakan HTML dan Chart.js ,sampai bertemu kembali pada atikel selanjutnya, semoga bermanfaat dan selamat mencoba.

Terima kasih