[java] JFoenix를 이용한 주식 가격 차트 디자인

29 Nov 2023

java

이번에는 JFoenix 라이브러리를 사용하여 주식 가격 차트를 디자인하는 방법을 알아보겠습니다. JFoenix는 JavaFX를 기반으로 한 Material Design 구현체이며, 아름다운 UI 컴포넌트와 애니메이션을 제공합니다.

JFoenix 설치

JFoenix를 사용하기 위해서는 먼저 프로젝트에 JFoenix 라이브러리를 추가해야 합니다. Maven을 사용하는 경우, pom.xml 파일에 아래 의존성을 추가합니다.

<dependency>
    <groupId>com.jfoenix</groupId>
    <artifactId>jfoenix</artifactId>
    <version>9.0.10</version>
</dependency>

Gradle을 사용하는 경우, build.gradle 파일에 아래 의존성을 추가합니다.

implementation 'com.jfoenix:jfoenix:9.0.10'

의존성을 추가한 후, 프로젝트를 재빌드합니다.

주식 가격 차트 디자인 예제

이제 JFoenix를 사용하여 주식 가격 차트를 디자인해보겠습니다. 아래는 예제 코드입니다.

import com.jfoenix.controls.JFXChartViewer;
import com.jfoenix.controls.JFXLineChart;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.chart.XYChart;
import javafx.scene.chart.XYChart.Data;
import javafx.scene.chart.XYChart.Series;
import javafx.stage.Stage;

public class StockChartDesign extends Application {

    @Override
    public void start(Stage primaryStage) {
        JFXLineChart<Number, Number> lineChart = new JFXLineChart<>(createChartData());
        JFXChartViewer chartViewer = new JFXChartViewer(lineChart);
        
        Scene scene = new Scene(chartViewer, 800, 600);
        primaryStage.setTitle("Stock Chart");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private ObservableList<Series<Number, Number>> createChartData() {
        ObservableList<Series<Number, Number>> dataList = FXCollections.observableArrayList();

        Series<Number, Number> series1 = new Series<>();
        series1.setName("Stock 1");
        series1.getData().add(new Data<>(1, 23));
        series1.getData().add(new Data<>(2, 45));
        series1.getData().add(new Data<>(3, 37));
        series1.getData().add(new Data<>(4, 52));

        Series<Number, Number> series2 = new Series<>();
        series2.setName("Stock 2");
        series2.getData().add(new Data<>(1, 36));
        series2.getData().add(new Data<>(2, 55));
        series2.getData().add(new Data<>(3, 29));
        series2.getData().add(new Data<>(4, 41));

        dataList.addAll(series1, series2);
        return dataList;
    }

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

위의 예제 코드는 JFXLineChart를 사용하여 주식 가격 데이터를 표시합니다. createChartData() 메소드에서는 ObservableList<Series<Number, Number>> 타입의 데이터를 생성하여 차트에 표시할 데이터를 설정합니다.

차트를 실행하면 주식 가격 데이터가 시간에 따라 선으로 표시되는 가격 차트가 나타납니다.

결론

JFoenix를 사용하여 JavaFX를 기반으로 주식 가격 차트를 디자인하는 방법에 대해 알아보았습니다. JFoenix는 아름다운 UI 컴포넌트와 애니메이션을 제공하여 사용자에게 더 나은 시각적인 경험을 제공할 수 있습니다. 추가적인 커스터마이징이 필요한 경우에는 JFoenix 라이브러리의 문서를 참고하시기 바랍니다.

참고 자료: