Tips cara mudah membuat grafik dari tabel HTML yang ada

Halo semuanya, pada tutorial kali ini kita mau berbagi tips tentang cara mudah membuat grafik dari tabel HTML yang ada.

Ok, langsung saja.

Pertama, kita buka file tabel html yang akan dibuatkan grafiknya.

Tambahkan atribud id pada tabelnya misal, id=”datatable” seperti berikut.

...

< table id="datatable">

...

Kemudian dibawah tabel kita tambahkan skrip berikut.

< script src="https://code.highcharts.com/highcharts.js">
< script src="https://code.highcharts.com/modules/data.js">
< script src="https://code.highcharts.com/modules/exporting.js">
< div id="container" style="min-width: 310px; height: 400px; margin: 0 auto" >
< script type="text/javascript">
Highcharts.chart('container', {
data: {
table: 'idtabel'
},
chart: {
type: 'column'
},
title: {
text: 'Judul Grafik'
}
});
</ script>

Atau copy skripnya dari sini http://telegra.ph/Skrip-Grafik-dari-Tabel-dengan-Highcharts-05-27.

Setelah selesai, simpan dan lihat hasilnya di browser.

Nah, apabila berhasil akan tampil grafis sesuai dengan yang telah kita definisikan.

Atau bisa lihat video panduan nya disini.

https://youtu.be/DMSt-oLcTQk

Baik sekian dulu tutorial singkat ini semoga dapat membantu. Kalau ada error silahkan dikomen. Terima kasih.

Gambar dari stackoverflow.com.