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

javafxobject oriented programmingprogramming更新于 2025/4/13 19:07:17

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

默认情况下,

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

  • X 轴位于绘图底部。

  • Y 轴位于左侧。

将 X 轴移至顶部

Axis 类(所有轴的超类)具有一个名为 side 的属性,它指定当前轴位于绘图的哪一侧(左、右、上下)。您可以使用 setSide() 方法设置此属性的值。此方法接受以下值之一作为参数 −

  • Side.BOTTOM

  • Side.TOP

  • Side.LEFT

  • Side.RIGHT

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

示例

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("月份");
      yAxis.setLabel("降雨量 (毫米)");
      //创建折线图
      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);
      //创建一个 Stack Pane 来保存图表
      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);
   }
}

输出


相关文章