📘 Premium Read: Access my best content on Medium member-only articles — deep dives into Java, Spring Boot, Microservices, backend architecture, interview preparation, career advice, and industry-standard best practices.

🎓 Top 15 Udemy Courses (80-90% Discount): My Udemy Courses - Ramesh Fadatare — All my Udemy courses are real-time and project oriented courses.

▶️ Subscribe to My YouTube Channel (176K+ subscribers): Java Guides on YouTube

▶️ For AI, ChatGPT, Web, Tech, and Generative AI, subscribe to another channel: Ramesh Fadatare on YouTube

In this JavaFX example, we will see how to create an Area Chart using JavaFX.

An area chart displays graphically quantitative data that change over time.

JavaFX Area Chart Example

The example shows an area chart showing world crude oil consumption by year.

package sample;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.AreaChart;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage stage) {

        initUI(stage);
    }

    private void initUI(Stage stage) {

        HBox root = new HBox();
        Scene scene = new Scene(root, 490, 350);

        CategoryAxis xAxis = new CategoryAxis();
        xAxis.setLabel("Time");

        NumberAxis yAxis = new NumberAxis();
        yAxis.setLabel("Thousand bbl/d");

        AreaChart areaChart = new AreaChart<>(xAxis, yAxis);
        areaChart.setTitle("Oil consumption");

        XYChart.Series data = new XYChart.Series<String, Number>();

        data.getData().add(new XYChart.Data<>("2014", 82502));
        data.getData().add(new XYChart.Data<>("2015", 84026));
        data.getData().add(new XYChart.Data<>("2016", 85007));
        data.getData().add(new XYChart.Data<>("2017", 86216));
        data.getData().add(new XYChart.Data<>("2018", 85559));
        data.getData().add(new XYChart.Data<>("2019", 84491));
        data.getData().add(new XYChart.Data<>("2020", 87672));
        data.getData().add(new XYChart.Data<>("2021", 88575));
        data.getData().add(new XYChart.Data<>("2022", 89837));

        areaChart.getData().add(data);
        areaChart.setLegendVisible(false);

        root.getChildren().add(areaChart);

        stage.setTitle("AreaChart");
        stage.setScene(scene);
        stage.show();
    }

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

Output:

Related JavaFX Examples

1. JavaFX GridPane Example
2. JavaFX ColorPicker Example
3. JavaFX DatePicker Example
4. JavaFX MenuBar Example
5. JavaFX Radio Button Example
6. JavaFX TabPane Example
7. JavaFX Accordion Example
8. JavaFX Login Form Validation Example
9. JavaFX Form Validation - Registration Form Validation Example
10. JavaFX Line Chart Example
11. JavaFX Area Chart Example
12. JavaFX Scatter Chart Example
13. JavaFX Bar Chart Example
14. JavaFX Pie Chart Example
15. JavaFX Select and Multi-Select Example
16. JavaFX Check Box Example
17. Java Calculator Project