[java] JFoenix를 사용하여 차트 디자인하기

29 Nov 2023

java

JFoenix는 JavaFX를 사용하여 자바 응용 프로그램에 현대적인 UI 디자인을 적용할 수 있도록 도와주는 라이브러리입니다. 이 라이브러리를 사용하면 여러 가지 디자인 요소를 쉽게 구현할 수 있으며, 이중 차트 디자인도 매우 간단하게 구현할 수 있습니다.

JFoenix 설정하기

JFoenix를 사용하기 위해서는 먼저 프로젝트에 JFoenix 라이브러리를 추가해야 합니다. Maven을 사용한다면 pom.xml에 다음 의존성을 추가하세요:

<dependencies>
    ...
    <dependency>
        <groupId>com.jfoenix</groupId>
        <artifactId>jfoenix</artifactId>
        <version>8.0.10</version>
    </dependency>
    ...
</dependencies>

Gradle을 사용한다면 build.gradle에 다음 의존성을 추가하세요:

dependencies {
    ...
    implementation 'com.jfoenix:jfoenix:8.0.10'
    ...
}

차트 디자인하기

JFoenix를 사용하여 차트를 디자인하는 것은 매우 간단합니다. 먼저 JFXChart 컨트롤을 사용하여 차트를 만들고, setData 메서드를 사용하여 차트에 데이터를 추가합니다.

import com.jfoenix.controls.JFXChart;
import com.jfoenix.controls.JFXChartPane;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.chart.PieChart;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class ChartDesignExample extends Application {
    @Override
    public void start(Stage primaryStage) {
        // PieChart 데이터 생성
        ObservableList<PieChart.Data> pieChartData = FXCollections.observableArrayList(
                new PieChart.Data("Apple", 30),
                new PieChart.Data("Banana", 20),
                new PieChart.Data("Orange", 25),
                new PieChart.Data("Grape", 15),
                new PieChart.Data("Strawberry", 10)
        );
        
        // JFXChartPane 생성
        JFXChartPane pieChartPane = new JFXChartPane();
        
        // JFXChart 생성 및 데이터 설정
        JFXChart<PieChart.Data> pieChart = new JFXChart<>(pieChartData);
        pieChart.setAnimated(true); // 애니메이션 효과 사용
        pieChartPane.getChildren().add(pieChart);

        // VBox 생성 및 JFXChartPane 추가
        VBox vbox = new VBox(pieChartPane);
        
        // Scene 생성 및 VBox 설정
        Scene scene = new Scene(vbox, 400, 400);
        
        // Stage 설정 및 표시
        primaryStage.setTitle("Chart Design Example");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

위 코드를 실행하면 차트가 생성되고 데이터가 표시됩니다. JFoenix는 자체적으로 예쁜 스타일과 애니메이션 효과를 제공하므로, 더욱 멋진 차트를 만들 수 있습니다.

참고 자료

JFoenix 공식 사이트: http://www.jfoenix.com/
JFoenix GitHub 페이지: https://github.com/jfoenixadmin/JFoenix