Java Tutorial
Control Statements
Java Object Class
Java Inheritance
- inheritance(is-a)
- aggregation(has-a)
Java Polymorphism
Java Abstraction
Java Encapsulation
Java Array
- java-array
Java OOPs Misc
Java String
Java String Methods
Java Regex
- java-regex-api
Exception Handling
Java Inner Class
Java Multithreading
Java Synchronization
Java I/O
Java Serialization
- java-serialization
- java-transient-keyword
Java Networking
Java AWT & Events
Java Swing
Java Swing Apps
LayoutManagers
JavaFX Tutorial
JavaFX 2D Shapes
JavaFX Text
- javafx-text
JavaFX Effects
JavaFX Transformation
JavaFX Animation
JavaFX 3D Shapes
JavaFX Layouts
JavaFX UI
JavaFX Charts
JavaFX CSS
- javafx-css
Media with JavaFX
JavaFX Event Handling
Java Applet
Java Reflection
Java 8 Date Time
Java Date (Classical)
Java Date Format
- dateformat
- simpledateformat
Current Date Time
- get-current-date-time
Java Conversion
Java Collections
Java JDBC
Java New Features
- java-new-features
Java 9 Features
Java 8 Features
Java 7 Features
Java 4/5 Features
RMI
- java-rmi
Internationalization

JavaFX AreaChart

In general, the area chart is used to display the graphically quantitative data. It basically plots the area for the set of points on a XY Plane. It is different from the Line Chart in the sense that Line Chart joins the data points by the straight line segments instead of plotting the area taken by them.

In the following image, An area chart shows the quantity of petrol consumed by two different bikes in every month of a year.

In JavaFX, the class javafx.scene.chart.AreaChart represents the Area Chart. We need to instantiate this class to generate an area chart node.

Properties

The class contains a single property which is described in the following table along with its setter method.

Property	Description	Setter Method
createSymbols	It is a boolean type property. Its true value indicates that the symbols get created for any of the data items for which the symbol node are not specified yet.	setCreateSymbols(boolean value)

Constructors

There are two constructors in the class.

public AreaChart(Axis Xaxis, Axis Yaxis) : Creates the new instance of AreaChart with the specified Axis.
public AreaChart(Axis Xaxis, Axis Yaxis, ObservableList > data) : Creates the new instance of AreaChart with the specified axis and data.

Example

In the following example, we have shown the comparison between the region-wise sales of a company.

package application;
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.chart.AreaChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.stage.Stage;
public class AreaChartTest extends Application {
@Override
public void start(Stage primaryStage) throws Exception {
	// TODO Auto-generated method stub
	//Configuring Xaxis and Yaxis
	NumberAxis xaxis = new NumberAxis(1,12,1);
	NumberAxis yaxis = new NumberAxis(10,510,50);
	xaxis.setLabel("Month of the year");
	yaxis.setLabel("Sales value (lacs)");
	
	//Creating Areachart
	AreaChart<Number,Number> area = new AreaChart(xaxis,yaxis);
	
	//Setting title for areachart 
	area.setTitle("RegionWise Sales");
	
	//Configuring series for North sales 
	XYChart.Series seriesNorth = new XYChart.Series();
	seriesNorth.setName("North");
	seriesNorth.getData().add(new XYChart.Data(1,120));
	seriesNorth.getData().add(new XYChart.Data(2,140));
	seriesNorth.getData().add(new XYChart.Data(3,50));
	seriesNorth.getData().add(new XYChart.Data(4,80));
	seriesNorth.getData().add(new XYChart.Data(5,150));
	seriesNorth.getData().add(new XYChart.Data(6,130));
	seriesNorth.getData().add(new XYChart.Data(7,110));
	seriesNorth.getData().add(new XYChart.Data(8,90));
	seriesNorth.getData().add(new XYChart.Data(9,200));
	seriesNorth.getData().add(new XYChart.Data(10,120));
	seriesNorth.getData().add(new XYChart.Data(11,100));
	seriesNorth.getData().add(new XYChart.Data(12,120));
	
	//Configuring series for East sales 
	XYChart.Series seriesEast = new XYChart.Series();
	seriesEast.setName("East");
	seriesEast.getData().add(new XYChart.Data(1,500));
	seriesEast.getData().add(new XYChart.Data(2,200));
	seriesEast.getData().add(new XYChart.Data(3,300));
	seriesEast.getData().add(new XYChart.Data(4,290));
	seriesEast.getData().add(new XYChart.Data(5,150));
	seriesEast.getData().add(new XYChart.Data(6,120));
	seriesEast.getData().add(new XYChart.Data(7,190));
	seriesEast.getData().add(new XYChart.Data(8,80));
	seriesEast.getData().add(new XYChart.Data(9,100));
	seriesEast.getData().add(new XYChart.Data(10,220));
	seriesEast.getData().add(new XYChart.Data(11,300));
	seriesEast.getData().add(new XYChart.Data(12,220));
	
	//Configuring series for west sales 
	XYChart.Series seriesWest = new XYChart.Series();
	seriesWest.setName("West");
	seriesWest.getData().add(new XYChart.Data(1,320));
	seriesWest.getData().add(new XYChart.Data(2,40));
	seriesWest.getData().add(new XYChart.Data(3,250));
	seriesWest.getData().add(new XYChart.Data(4,10));
	seriesWest.getData().add(new XYChart.Data(5,190));
	seriesWest.getData().add(new XYChart.Data(6,140));
	seriesWest.getData().add(new XYChart.Data(7,200));
	seriesWest.getData().add(new XYChart.Data(8,190));
	seriesWest.getData().add(new XYChart.Data(9,300));
	seriesWest.getData().add(new XYChart.Data(10,130));
	seriesWest.getData().add(new XYChart.Data(11,400));
	seriesWest.getData().add(new XYChart.Data(12,220));
	
	//Configuring series for south sales
	XYChart.Series seriesSouth = new XYChart.Series();
	seriesSouth.setName("South");
	seriesSouth.getData().add(new XYChart.Data(1,220));
	seriesSouth.getData().add(new XYChart.Data(2,40));
	seriesSouth.getData().add(new XYChart.Data(3,250));
	seriesSouth.getData().add(new XYChart.Data(4,180));
	seriesSouth.getData().add(new XYChart.Data(5,450));
	seriesSouth.getData().add(new XYChart.Data(6,230));
	seriesSouth.getData().add(new XYChart.Data(7,110));
	seriesSouth.getData().add(new XYChart.Data(8,100));
	seriesSouth.getData().add(new XYChart.Data(9,123));
	seriesSouth.getData().add(new XYChart.Data(10,125));
	seriesSouth.getData().add(new XYChart.Data(11,225));
	seriesSouth.getData().add(new XYChart.Data(12,127));
	
	//adding series to the Area chart 
	area.getData().addAll(seriesNorth,seriesWest,seriesEast,seriesSouth);
	
	//setting Group and Scene 
	Group root = new Group(area);
	Scene scene = new Scene(root,600,400);
	primaryStage.setScene(scene);
	primaryStage.setTitle("AreaChart Example");
	primaryStage.show();
}
public static void main(String[] args) {
launch(args);	
}
}

Next TopicJavaFX Bar Chart

← prev next →

Hot Tutorials

Contact US

Email:[email protected]

JavaFX Area Chart

10/30

Java Tutorial

Control Statements

Java Object Class

Java Inheritance

Java Polymorphism

Java Abstraction

Java Encapsulation

Java Array

Java OOPs Misc

Java String

Java String Methods

Java Regex

Exception Handling

Java Inner Class

Java Multithreading

Java Synchronization

Java I/O

Java Serialization

Java Networking

Java AWT & Events

Java Swing

Java Swing Apps

LayoutManagers

JavaFX Tutorial

JavaFX 2D Shapes

JavaFX Text

JavaFX Effects

JavaFX Transformation

JavaFX Animation

JavaFX 3D Shapes

JavaFX Layouts

JavaFX UI

JavaFX Charts

JavaFX CSS

Media with JavaFX

JavaFX Event Handling

Java Applet

Java Reflection

Java 8 Date Time

Java Date (Classical)

Java Date Format

Current Date Time

Java Conversion

Java Collections

Java JDBC

Java New Features

Java 9 Features

Java 8 Features

Java 7 Features

Java 4/5 Features

RMI