Dokumen.tips membuat grafik sederhana pa (1)
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.
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.