How to move the x-axis to top in a JavaFX line chart?

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.

By default,

• A JavaFX Line chart contains symbols pointing out the values in the series along the x-axis. Typically, these are small circles.

• The X-Axis on the bottom in the plot.

• Y-Axis on the left.

Moving the X-Axis to top

The Axis class (superclass of all axes) has a property named side, this specifies the side of the plot at which you need to have the current axis (left, right, top-bottom). You can set the value to this property using the setSide() method. This method accepts one of the following values as a parameter −

• Side.BOTTOM

• Side.TOP

• Side.LEFT

• Side.RIGHT

To move the X-Axis to top, invoke the setSide() method on the object of the XAxis of your plot by passing the value Side.TOP as a parameter.

Example

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Side;
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 LineChartAxisShift 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("Months");
      yAxis.setLabel("Rainfall (mm)");
      //Creating a line chart
      LineChart linechart = new LineChart(xAxis, yAxis);
      //Preparing the data points for the line1
      XYChart.Series series = new XYChart.Series();
      series.getData().add(new XYChart.Data("Jul", 169.9));
      series.getData().add(new XYChart.Data("Aug", 178.7));
      series.getData().add(new XYChart.Data("Sep", 158.3));
      series.getData().add(new XYChart.Data("Oct", 97.2));
      series.getData().add(new XYChart.Data("Nov", 22.4));
      series.getData().add(new XYChart.Data("Dec", 5.9));
      //Setting the name to the line (series)
      series.setName("Rainfall In Hyderabad");
      //Setting the data to Line chart
      linechart.getData().add(series);
      //Shifting the X-axis
      xAxis.setSide(Side.TOP);
      //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

Maruthi Krishna

Published on 20-May-2020 08:15:39

• Related Questions & Answers
• How to create a line chart using JavaFX?
• What are symbols in a JavaFX line chart. How to disable them?
• How to X-axis labels to the top of the plot using ggplot2 in R?
• How to increase the width of the X-axis line for a ggplot2 graph?
• How to change the color of X and Y axis lines in a JavaFX char?
• JavaFX line chart example with multiple series (lines)
• How to create a Pie chart using JavaFX?
• How to create a bar chart using JavaFX?
• How to create a bubble chart using JavaFX?
• How to create a scatter chart using JavaFX?
• How to display long X-axis labels in a bar chart using plotly in R?
• How to set a background image to a JavaFX chart?
• How to create a Line using JavaFX?
• How to create a stacked area chart using JavaFX?
• How to create a stacked bar chart using JavaFX?