Javafx - Implementasi dari database ke BarChart

Selamat siang agan dan aganwati sekalian, kali ini ane akan beri tutor lagi, bagaimana mengimplementasikan BarChart di javafx dan tutor kali ini masih menyambung dari tutor sebelumnya yaitu CRUD JAVAFX . tool yang dibutuhkan yaitu:

Netbeans
Scene Builder
Paham MVC pattern
Gorengan dan kopi

Kira2 Penampakannya seperti Dibawah ini :
   

• Pertama - tama bikin file .fxml baru, desain dengan Scene Builder Seperti Dibawah ini :

modelGrafik.java

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package biodata.model;

import javafx.beans.property.IntegerProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;

/**
 *
 * @author herudi-pc
 */
public class modelGrafik {
    private final StringProperty tahun = new SimpleStringProperty();
    private final IntegerProperty jumlahNama = new SimpleIntegerProperty();
    

    public modelGrafik() {
    }

    public String getTahun() {
        return tahun.get();
    }

    public void setTahun(String value) {
        tahun.set(value);
    }

    public StringProperty tahunProperty() {
        return tahun;
    }
    
    public Integer getJumlahNama() {
        return jumlahNama.get();
    }

    public void setJumlahNama(Integer value) {
        jumlahNama.set(value);
    }

    public IntegerProperty jumlahNamaProperty() {
        return jumlahNama;
    }
    
}

interGrafik.java

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package biodata.interfaces;

import biodata.model.modelGrafik;
import javafx.collections.ObservableList;

/**
 *
 * @author herudi-pc
 */
public interface interGrafik {
    ObservableList<modelGrafik> getTahunKelahiran();
    ObservableList<Object> tahunKelahiranToGrafik();
}

implGrafik.java

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package biodata.implement;

import biodata.interfaces.interGrafik;
import biodata.koneksi.koneksi;
import biodata.model.modelGrafik;
import java.sql.ResultSet;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.chart.XYChart;


public class implGrafik implements interGrafik {
    koneksi k;

    @Override
    public ObservableList<modelGrafik> getTahunKelahiran() {
        k = new koneksi();
        ObservableList<modelGrafik> listData = FXCollections.observableArrayList();
        try {
            String sql = "select distinct(extract(year from tanggalLahir)) as tahun, "
                        + "count(nama) as jumlahNama "
                        + "from tablebiodata "
                        + "group by tahun "
                        + "order by tahun";
            ResultSet rs = k.connect().createStatement().executeQuery(sql);
            while (rs.next()) {       
                modelGrafik m = new modelGrafik();
                m.setTahun(rs.getString("tahun"));
                m.setJumlahNama(rs.getInt("jumlahNama"));
                listData.add(m);
            }
        } catch (Exception e) {
        }
        return listData;
    }

    @Override
    public ObservableList<Object> tahunKelahiranToGrafik() {
        ObservableList<Object> barCar = FXCollections.observableArrayList();
        try {
            k = new koneksi();
            String sql = "select distinct(extract(year from tanggalLahir)) as tahun, "
                        + "count(nama) as jumlahNama "
                        + "from tablebiodata "
                        + "group by tahun "
                        + "order by tahun";
            ResultSet rs = k.connect().createStatement().executeQuery(sql);
            while (rs.next()) {       
                XYChart.Series<String, Integer> aSeries = new XYChart.Series<>();
                aSeries.getData().add(new XYChart.Data(rs.getString("tahun"), rs.getInt("jumlahNama")));
                barCar.add(aSeries);
            }
        } catch (Exception e) {
        }
        return barCar;
    }
}

grafikController.java

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package biodata.controller;

import biodata.implement.implGrafik;
import biodata.interfaces.interGrafik;
import biodata.model.modelGrafik;
import de.jensd.fx.fontawesome.AwesomeDude;
import de.jensd.fx.fontawesome.AwesomeIcon;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.StackedBarChart;
import javafx.scene.control.Button;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;

/**
 * FXML Controller class
 *
 * @author herudi-pc
 */
public class grafikController implements Initializable {
    @FXML
    private TableView<modelGrafik> tableDetail;
    @FXML
    private TableColumn<modelGrafik, String> colDetailTahun;
    @FXML
    private TableColumn<modelGrafik, String> colDetailJumlah;
    @FXML
    private StackedBarChart bar;
    @FXML
    private NumberAxis barY;
    @FXML
    private CategoryAxis barX;
    @FXML
    private Button btnRefresh;
    ObservableList<Object> dataGrafik = FXCollections.observableArrayList();
    ObservableList<modelGrafik> dataDetail = FXCollections.observableArrayList();
    interGrafik crudGrafik = new implGrafik();

    /**
     * Initializes the controller class.
     * @param url
     * @param rb
     */
    @Override
    public void initialize(URL url, ResourceBundle rb) {
        colDetailJumlah.setCellValueFactory(
                (TableColumn.CellDataFeatures<modelGrafik, String> cellData) ->
                        cellData.getValue().jumlahNamaProperty().asString());
        colDetailTahun.setCellValueFactory(
                (TableColumn.CellDataFeatures<modelGrafik, String> cellData) ->
                        cellData.getValue().tahunProperty());
        AwesomeDude.setIcon(btnRefresh, AwesomeIcon.CHAIN_BROKEN, "15px");
        tampilData();
        // TODO
    }  
    
    private void tampilData(){
        dataDetail = crudGrafik.getTahunKelahiran();
        dataGrafik = crudGrafik.tahunKelahiranToGrafik();
        bar.setData(dataGrafik);
        tableDetail.setItems(dataDetail);
    }
    
    @FXML
    private void aksiRefresh(ActionEvent e){
        bar.setAnimated(true);
        barY.setAnimated(true);
        barX.setAnimated(false);
        tampilData();
    }
    
}

di biodataController.java tambahkan source ini di awal inisialisasi

//tab biodata
@FXML
private Tab tabBiodata;

//tab grafik
@FXML
private Tab tabGrafikKelahiran;

//load anchorPane yang ada di tab ke 2
@FXML
private AnchorPane paneLoadGrafik;

masih di biodataController.java buat perintah ini untuk load grafik.fxml dan tampilkan di constructor

//load view grafik.fxml
private void loadGrafik(){
    try {
        FXMLLoader fxmlLoader = new FXMLLoader();
        Parent p = fxmlLoader.load(getClass().getResourceAsStream("/biodata/view/grafik.fxml"));
        paneLoadGrafik.getChildren().add(p);   
    } catch (IOException e) {
    }   
}

oke ane rasa sudah jelas, bila ada yang ditanyakan silahkan tanyakan agar tidak tersesat dikamar :D