Tips cara mudah membuat grafik dari tabel HTML yang ada

bfzmr

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”&gt;
< script src=”https://code.highcharts.com/modules/data.js”&gt;
< script src=”https://code.highcharts.com/modules/exporting.js”&gt;
< 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. 

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

Gambar dari stackoverflow.com.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s