JavaFX line chart example with multiple series (lines)

JavaFXObject Oriented ProgrammingProgramming

Inline chart, the data values have represented a series of points connected by a line. In JavaFX, you can create a line chart by instantiating the javafx.scene.chart.LineChart class.

While instantiating this class you must pass the two objects of the Axis class representing the x and y-axis (as parameters of the constructor). Since the Axis class is abstract you need to pass objects of its concrete subclasses, NumberAxis (for numerical values) or, CategoryAxis (String values).

Line chart with multiple series

  • The XYChart.Data class represents a data point in the chart, you can create a data point by instantiating this class.

XYChart.Data dataPoint1 = new XYChart.Data(x-value, y-value)
XYChart.Data dataPoint2 = new XYChart.Data(x-value, y-value)
XYChart.Data dataPoint3 = new XYChart.Data(x-value, y-value)
  • Once you create all the required data points, you can create a series you need to instantiate the XYChart.Series class and add the data points to it.

XYChart.Series series = XYChart.Series
series.getData().add(dataPoint1);
series.getData().add(dataPoint2);
series.getData().add(dataPoint3);
  • You can create as many numbers of such series as required.

Example

The following example demonstrates the creation of a line chart with multiple lines.

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.StackPane;
public class LineChart_MultipleLines extends Application {
   public void start(Stage stage) {
      //Defining the x an y axes
      CategoryAxis xAxis = new CategoryAxis();
      NumberAxis yAxis = new NumberAxis();
      //Setting labels for the axes
      xAxis.setLabel("Month");
      yAxis.setLabel("Temperature(°C)");
      //Creating a line chart
      LineChart<String, Number> linechart = new LineChart<String, Number>(xAxis, yAxis);
      //Preparing the data points for the line1
      XYChart.Series series1 = new XYChart.Series();
      series1.getData().add(new XYChart.Data("Jan", 7.0));
      series1.getData().add(new XYChart.Data("Feb", 6.9));
      series1.getData().add(new XYChart.Data("March", 9.5));
      series1.getData().add(new XYChart.Data("April", 14.5));
      series1.getData().add(new XYChart.Data("May", 18.2));
      series1.getData().add(new XYChart.Data("June", 21.5));
      series1.getData().add(new XYChart.Data("July", 25.2));
      series1.getData().add(new XYChart.Data("August", 26.5));
      series1.getData().add(new XYChart.Data("Sep", 23.3));
      series1.getData().add(new XYChart.Data("Oct", 18.3));
      series1.getData().add(new XYChart.Data("Nov", 13.9));
      series1.getData().add(new XYChart.Data("Dec", 9.6));
      //Preparing the data points for the line2
      XYChart.Series series2 = new XYChart.Series();
      series2.getData().add(new XYChart.Data("Jan", -0.2));
      series2.getData().add(new XYChart.Data("Feb", 0.8));
      series2.getData().add(new XYChart.Data("March", 5.7));
      series2.getData().add(new XYChart.Data("April", 11.3));
      series2.getData().add(new XYChart.Data("May", 17.0));
      series2.getData().add(new XYChart.Data("June", 22.0));
      series2.getData().add(new XYChart.Data("July", 24.8));
      series2.getData().add(new XYChart.Data("August", 24.1));
      series2.getData().add(new XYChart.Data("Sep", 20.1));
      series2.getData().add(new XYChart.Data("Oct", 14.1));
      series2.getData().add(new XYChart.Data("Nov", 8.6));
      series2.getData().add(new XYChart.Data("Dec", 2.5));
      //Preparing the data points for the line3
      XYChart.Series series3 = new XYChart.Series();
      series3.getData().add(new XYChart.Data("Jan", 3.9));
      series3.getData().add(new XYChart.Data("Feb", 4.2));
      series3.getData().add(new XYChart.Data("March", 5.7));
      series3.getData().add(new XYChart.Data("April", 8.5));
      series3.getData().add(new XYChart.Data("May", 11.9));
      series3.getData().add(new XYChart.Data("June", 15.2));
      series3.getData().add(new XYChart.Data("July", 17.0));
      series3.getData().add(new XYChart.Data("August", 16.6));
      series3.getData().add(new XYChart.Data("Sep", 14.2));
      series3.getData().add(new XYChart.Data("Oct", 10.3));
      series3.getData().add(new XYChart.Data("Nov", 6.6));
      series3.getData().add(new XYChart.Data("Dec", 4.8));
      //Setting the name to the line (series)
      series1.setName("Tokyo");
      series2.setName("New York");
      series3.setName("London");
      //Setting the data to Line chart
      linechart.getData().addAll(series1, series2, series3);
      //Creating a stack pane to hold the chart
      StackPane pane = new StackPane(linechart);
      pane.setPadding(new Insets(15, 15, 15, 15));
      pane.setStyle("-fx-background-color: BEIGE");
      //Setting the Scene
      Scene scene = new Scene(pane, 595, 350);
      stage.setTitle("Line Chart");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

Output

raja
Published on 20-May-2020 11:39:27
Advertisements