Cara praktis untuk meng-convert secara automatis sebuah tabel ke grafik HighCart dengan menggunakan plugin tentunya. Tapi tetap kita membutuhkan plugin dari HighChart. Jika anda ingin mengetahui lebih lanjut dokumentasi tentang HighChart bisa klik disini. Untuk anda yang penasaran kita akan menggunakan plugin apa? Mari kita mulai tutorialnya.

Pertama download Plugin highchartTable  untuk convert table ke grafik dan download Plugin HighChart, dan tempatkan di tag <head> seperti biasa.

Buat table dengan menambahkan atribut seperti kode dibawah. Disini kita membuat Nama pada tag <thead> dan Value nya pada tag <tbody>

<table class="highchart" data-graph-container-before="1" data-graph-type="column">

<thead>
<tr>
<th>Month</th>
<th>Sales</th>
</tr>

</thead>

<tbody>
<tr>
<td>January</td>
<td>43934</td>
</tr>
<tr>
<td>February</td>
<td>52503</td>
</tr>
<tr>
<td>March</td>
<td>57177</td>
</tr>
<tr>
<td>April</td>
<td>69658</td>
</tr>
<tr>
<td>May</td>
<td>97031</td>
</tr>
<tr>
<td>June</td>
<td>119931</td>
</tr>
</tbody>

</table>
Terakhir kita memanggil highchartTable dengan table yang telah disiapkan diatas.
$(document).ready(function() {
$('table.highchart').highchartTable();
});
Dan hasil nya akan menampilkan chart dalam bentuk Column.
Untuk dokumentasi tentang plugin highchartTable selengkapnya dapat anda klik disini. Selamat mencoba.