Tata Cara Membuat Program Grafik Sederhana

Heyho,

Ini merupakan post pertama saya, dan disini saya akan menjelaskan bagaimana cara membuat program grafik sederhana menggunakan Netbeans.

---

Diagram Pie & Bar

Set-up

Pertama, buat new project :

New project > Java > Java Application > nama project

Kemudian Import library yang ada :

Right click library > Add JAR/Folder

Setelah itu buat 2 java class, "JavaPieChart" dan "JavaBarChart" :

Right click Java package > New > Java Class

Masukan source code import pada masing-masing class :

import javax.swing.JFrame;

import javax.swing.SwingUtilities;

import javax.swing.UIManager;

import org.jfree.chart.ChartFactory;

import org.jfree.chart.ChartPanel;

import org.jfree.chart.JFreeChart;

import org.jfree.chart.plot.PlotOrientation;

import org.jfree.data.category.DefaultCategoryDataset;

import org.jfree.data.category.CategoryDataset;

import org.jfree.ui.ApplicationFrame;

import org.jfree.ui.RefineryUtilities;

---

Diagram Pie

Ubah public class menjadi :

public class JavaPieChart extends JFrame {

Masukan source code berikut untuk inisialisasi Frame :

public JavaPieChart() { //inisialisasi frame

this.setSize(600, 400);

this.setTitle("Diagram PIE"); //membuat diagram/chart jfreechart

this.setLocationRelativeTo(null);

this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); 

PieDataset dataset = buildData(); //Membuat data char

JFreeChart chart = buildChart(dataset, "Browser Yang DIgunakan");

ChartPanel pieChart = new ChartPanel(chart);

this.setContentPane(pieChart); //memasukan chart panel kedalam jpanel

}

Kemudian masukan source code untuk bagian method parameter :

private JFreeChart buildChart(PieDataset dataset, String judul) {

JFreeChart chart = ChartFactory.createPieChart3D(judul, // Judul Chart

dataset, // data chart yang akan di tampilkan

true, // jika ya, maka akan legend chart/diagram ditampilkan

true,

false);

PiePlot3D plot = (PiePlot3D) chart.getPlot();

plot.setStartAngle(290);

plot.setDirection(Rotation.CLOCKWISE);

plot.setForegroundAlpha(0.5f);

return chart;

}

Setelah itu, masukan source code berikut untuk membuat isi data chart :

private PieDataset buildData() {

DefaultPieDataset dataSet = new

DefaultPieDataset();

dataSet.setValue("Google Chrome", 45);

dataSet.setValue("Mozila Firefox", 30);

dataSet.setValue("Internet Explorer", 15);

dataSet.setValue("Browser Lainnya", 10);

return dataSet;

}

Terakhir, masukan source code untuk method main :

public static void main(String[] args) {

try {

UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());

} catch (Exception e) {

}

SwingUtilities.invokeLater(new Runnable() {

@Override

public void run() {

new JavaPieChart().setVisible(true);

}

});

}

}

Run Java Class yang sudah di buat. Hasilnya seperti ini :

---

Diagram Bar

Ubah public class menjadi :

public class JavaBarChart extends JFrame{

Kemudian masukan source code berikut untuk inisialisasi frame chart :

public JavaBarChart () {

this.setSize(680, 500);

this.setLocationRelativeTo(null);

JFreeChart barChart = ChartFactory.createBarChart(

"Data Pengguna Di beberapa Daerah",

"Browser",

"Jumlah User",

createDataset(),

PlotOrientation.VERTICAL,

true, true, true);

ChartPanel chartPanel = new ChartPanel( barChart );

chartPanel.setPreferredSize(new java.awt.Dimension( 800 , 370 ) );

this.setContentPane( chartPanel );

}

Setelah itu, masukan source code untuk membuat string dan variable pada data chart :

private CategoryDataset createDataset( ) {

// BAR NAME LIST

final String Dae1_igustaWillyarto = "Pamulang";

final String Dae2_igustaWillyarto = "Bandung";

final String Dae3_igustaWillyarto = "Cianjur";

// BAR VALUE

final String Apps1_igustaWillyarto = "Google Chrome";

final String Apps2_igustaWillyarto = "Mozilla FireFox";

final String Apps3_igustaWillyarto = "Internet Explorer";

final String Apps4_igustaWillyarto = "Lainnya";

Kemudian, masukan nilai pada setiap variable yang sudah dibuat :

final DefaultCategoryDataset datasetigustaWillyarto =

new DefaultCategoryDataset( );

datasetigustaWillyarto.addValue(300 , Dae1_igustaWillyarto , Apps1_igustaWillyarto );

datasetigustaWillyarto.addValue(500 , Dae1_igustaWillyarto , Apps2_igustaWillyarto );

datasetigustaWillyarto.addValue(250 , Dae1_igustaWillyarto , Apps3_igustaWillyarto );

datasetigustaWillyarto.addValue(150 , Dae1_igustaWillyarto , Apps4_igustaWillyarto );

datasetigustaWillyarto.addValue(200 , Dae2_igustaWillyarto , Apps1_igustaWillyarto );

datasetigustaWillyarto.addValue(600 , Dae2_igustaWillyarto , Apps2_igustaWillyarto );

datasetigustaWillyarto.addValue(300 , Dae2_igustaWillyarto , Apps3_igustaWillyarto );

datasetigustaWillyarto.addValue(100 , Dae2_igustaWillyarto , Apps4_igustaWillyarto );

datasetigustaWillyarto.addValue(250 , Dae3_igustaWillyarto , Apps1_igustaWillyarto );

datasetigustaWillyarto.addValue(400 , Dae3_igustaWillyarto , Apps2_igustaWillyarto );

datasetigustaWillyarto.addValue(200 , Dae3_igustaWillyarto , Apps3_igustaWillyarto );

datasetigustaWillyarto.addValue(150 , Dae3_igustaWillyarto , Apps4_igustaWillyarto );

return datasetigustaWillyarto;

}

Terakhir, masukan source code berikut untuk membuat method main :

public static void main(String[] args) {

SwingUtilities.invokeLater(new Runnable() {

@Override

public void run() {

JavaBarChart chartigustaWillyarto = new JavaBarChart();

chartigustaWillyarto.pack( );

RefineryUtilities.centerFrameOnScreen( chartigustaWillyarto );

chartigustaWillyarto.setVisible( true );

}

});

}

}

Run Java class yang sudah dibuat. Hasilnya seperti ini :

Fin.

Itu saja toturial dari saya untuk post ini. Jika ada pertanyaan bisa ditanyakan di kolom komentar. Thanks.