Pendahuluan

Assalamualaikum Pembaca Sekalian. Tidak jarang saat kita menampilkan data

berupa angka, data tersebut akan menjadi sangat detil dan kurang menarik. Padahal

yang kita butuhkan terkadang hanya gambaran umum dari data tersebut. Untuk

menangani hal tersebut digunakanlah grafik dalam menggambarkan data-data

sehingga data tersebut menjadi lebih menarik dan mudah untuk dibaca. Atas dasar

tersebu pada kesempatan ini penulis akan berbagi tutorial sederhana pembuatan

grafik menggunakan JFreeChart.

Isi (Tutorial/Artikel)

Penulis akan menjelaskan sedikit mengenai library JFreeChart. JFreeChart adalah

library gratis untuk membuat grafik pada pemrograman Java. Terdapat berbagai

macam grafik yang dapat ditampilkan diantaranya : Pie Chart, Bar Chart, Line Chart,

XY Chart, 3D Chart, dan Bubble Chart. Untuk melihat contoh dari library JFreeChart

pembaca dapat mengunjungi halaman http://www.jfree.org/jfreechart/samples.html.

Sebelum memulai tutorial ini Pembaca dapat mengunduh library JFreeChart pada

halaman http://www.jfree.org/jfreechart/download.html. Setelah library JFreeChart

diunduh kita dapat membuat project baru pada Netbeans dengan klik File -> New

Project

Setelah itu, kita akan menambahkan library JFreeChart ke dalam project yang sudah

dibuat. Pilih libraries pada project -> Klik kanan -> Add Jar/Folder ->

Setelah itu pilih semua file .Jar yang sudah diunduh, pada direktori jfreechart/lib/.

Maka semua file .Jar tersebut akan berada didalam project.

Setelah library JFreeChart ditambahkan, kita dapat membuat Frame baru dengan pilih File -> New -> JFrame Form

Kita tambahkan sebuah button pada Frame tersebut, seperti pada gambar berikut Penulis beri nama Pie Chart.

Setelah itu tambahkan action pada button tersebut, dengan klik kanan pada

button -> pilih Event -> Action -> actionPerformed, sehingga button tersebut memiliki sebuah aksi jika di klik.

Untuk menampilkan Pie Chart Tambahkan baris kode seperti berikut.

Maka pada saat button di klik akan tampil grafik seperti berikut.

Jika ingin menggunakan grafik Pie Chart 3D pembaca cukup mengubah sedikit baris kode seperti contoh berikut.

Maka tampilan grafiknya akan menjadi 3D.

Saya akan menambahkan satu buah button lagi untuk menampilkan Bar Chart.

Setelah itu tambahkan baris kode pada action button Bar Chart seperti berikut.

Maka pada saat button Bar Chart diklik tampilannya seperti berikut.

Sampai pada tahap ini kita sudah dapat menampilkan Pie Chart dan Bar Chart

namun datanya masih bersifat statik atau ditambahkan manual pada baris program. Untuk menjadikan data tersebut dinamis Penulis menambahkan 5 buah texfield kedalam frame.

Setelah itu ubah nama variabel dari setiap textfield menjadi txt1, txt2, txt3, txt4, dan txt5 dengan cara klik kanan pada textfield -> Change Variable Name. Buka

baris program pada buton Pie Chart lalu sesuaikan dengan baris program berikut.

Karena data pada textfield bertipe String maka kita perlu convert data tersebut menjadi integer menggunakan fungsi Integer.parseInt(); Sesuaikan juga baris program pada Bar Chart seperti berikut.

Maka saat kedua button tersebut di klik data yang ditampilkan akan menyesuaikan dengan data yang ada pada setiap textfield.

Maka hasilnya akan seperti berikut.

Penutup

Sampai disini Pembaca sudah dapat menampilkan Pie Chart dan Bar Chart, data

yang ditampilkan sudah cukup dinamis dengan menggunakan textfield. Pembaca

dapat mengembangkan lagi tutorial ini dengan menampilkan data yang disimpan

di dalam database. Semoga tutorial ini dapat bermanfaat jika ada pertanyaan

silahkan ajukan pada komentar, terima kasih.

Wassalamualaikum.

Biografi Penulis

Saya adalah Mahasiswa jurusan TI di Univ. Budi Luhur,

selain kuliah saya juga aktif di LAB ICT Terpadu Univ. Budi Luhur

minat saya terhadap Pemrograman khususnya Java.