Menampilkan Grafik di Drupal

Sistem Informasi rasanya tidak lengkap jika belum menampilkan grafik. Walaupun sudah dilengkapi dengan tabel dan export ke Excel, rasanya akan jauh lebih mantap jika sistem informasi bisa menampilkan grafik dengan cantik

Teknik yang disampaikan dalam tutorial ini merupakan hasil eksperimen Druid. Teknik ini sebenarnya merupakan "trik" saja, karena dalam implementasinya tidak sepenuhnya menggunakan framework Drupal. Sejauh eksplorasi googling, rasanya kok belum ketemu  cara yang lebih elegan (mis: modul khusus grafik di Drupal) supaya bisa menampilkan grafik. Druid sendiri belum terlalu puas dengan "trik" ini, ya semoga rekan yang membaca tutorial ini mungkin ada yang sudah punya tips dan berkenan sharing disini.

Trik dalam menampilkan grafik, adalah dengan menggunakan library JPGraph yang dihubungkan dengan Drupal melalui file graph.php (file ini dicopy ke root folder instalasi Drupal). Tahapan trik ini ada 2:

1. Mendefinisikan Grafik

Definisi grafik ada di file graph.php. File ini diawali dengan serangkaian kode agar dapat terhubung dengan konfigurasi database Drupal (settings.php). Kode ini dibiarkan utuh saja.

global $db_url;
$arr_db = explode(':', $db_url);
$username = $arr_db[1];
$username = substr($username, 2, strlen($username));
//echo $username;
$arr_db = explode('@', $arr_db[2]);
$password = $arr_db[0];
//echo $password;
$arr_db = explode('/', $arr_db[1]);
$hostname = $arr_db[0];
$dbname = $arr_db[1];

Kemudian definisi grafik ada di fungsi dqs_demo2_grafik(). Detail kode dalam fungsi ini sepenuhnya mengakses database dengan mySQL biasa, serta menggunakan library JPGraph. Silakan dicermati kodenya untuk melihat bagaimana hasil pembacaan database kemudian dibuat grafiknya. Lebih detail tentang cara membuat grafik, silakan akses dokumentasi JPGraph.

2. Memanggil Grafik

Arsitektur JPGraph mengharuskan image grafik dirender melalui mekanisme GET (parameter dilewatkan dalam URL). File graph.php kemudian akan dipanggil oleh kode di dqs_demo2.module. Kodenya begini:

global $base_url;
$graph = "$base_url/graph.php?width=300&height=300&uid=$uid";
$url = url('', '', null, true);
$url = str_replace('?', $graph, $url);

Dengan kode ini, voila! Grafik akan tampil di Drupal. Sedikit rumit, tapi akan puas jika grafik sudah bisa tampil. OK Selamat mencoba!