如何在JavaFX折线图中将x轴移到顶部?

内联图,数据值已表示由一条线连接的一系列点。在JavaFX中,可以通过实例化javafx.scene.chart.LineChart类来创建折线图。

默认,

  • JavaFX折线图包含沿x轴指出系列中的值的符号。通常,这些是小圆圈。

  • 图底部的X轴。

  • 左侧的Y轴。


将X轴移到顶部

Axis类(所有轴的超类)具有一个名为side的属性,该属性指定绘图中需要具有当前轴(左,右,上下)的那一侧。您可以使用setSide()方法将值设置为此属性。此方法接受以下值之一作为参数-

  • 侧面底部

  • 边顶

  • 左侧

  • 右侧

要将X轴移到顶部,请通过将值Side.TOP作为参数传递,在绘图XAxis的对象上调用setSide()方法。

示例

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) {
      //定义x和y轴
      CategoryAxis xAxis = new CategoryAxis();
      NumberAxis yAxis = new NumberAxis();
      //设置轴的标签
      xAxis.setLabel("Months");
      yAxis.setLabel("Rainfall (mm)");
      //创建折线图
      LineChart linechart = new LineChart(xAxis, yAxis);
      //准备第1行的数据点
      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));
      //将名称设置为行(系列)
      series.setName("Rainfall In Hyderabad");
      //将数据设置为折线图
      linechart.getData().add(series);
      //移动X轴
      xAxis.setSide(Side.TOP);
      //创建一个堆栈窗格来保存图表
      StackPane pane = new StackPane(linechart);
      pane.setPadding(new Insets(15, 15, 15, 15));
      pane.setStyle("-fx-background-color: BEIGE");
      //设置场景
      Scene scene = new Scene(pane, 595, 350);
      stage.setTitle("Line Chart");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

输出结果