如何在 JavaFX 折线图中将 x 轴移至顶部?
javafxobject oriented programmingprogramming更新于 2026/1/10 2:52: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);
}
}
输出


