如何更改 JavaFX char 中 X 和 Y 轴线的颜色?
javafxobject oriented programmingprogramming更新于 2026/1/8 2:20:17
javafx.scene.chart 包提供了创建各种图表的类,即 &minusl 折线图、面积图、条形图、饼图、气泡图、散点图等。
除饼图外,所有其他图表均绘制在 XY 平面上。您可以通过实例化相应的类来创建所需的 XY 图表。
更改轴线的颜色 −
JavaFX CSS 的 fx-border-color 类用于设置节点边框的颜色。
JavaFX CSS 的 -fx-border-width 类用于设置节点边框的宽度。
Node(所有节点的基类)类的 setStyle() 方法接受 CSS 字符串并将指定的样式设置为当前图表。
要更改 x 轴和 y 轴的颜色(更改为 OrangeRed),请使用 setStyle() 方法将以下 CSS 设置为图表对象 −
fx-border-color: OrangeRed transparent transparent; -fx-border-width:3 -fx-border-color: transparent OrangeRed transparent transparent; -fx-borderwidth:3
示例
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.StackPane;
public class ChangingAxisColor extends Application {
public void start(Stage stage) {
//定义 x 轴
NumberAxis xAxis = new NumberAxis(1960, 2020, 10);
xAxis.setLabel("Years");
//定义 y 轴
NumberAxis yAxis = new NumberAxis (0, 350, 50);
yAxis.setLabel("No.of schools");
//创建折线图
LineChart<Number,Number> linechart = new
LineChart<Number,Number>(xAxis, yAxis);
XYChart.Series<Number,Number> series = new XYChart.Series<Number,Number>();
series.setName("一年中的学校数量>);
series.getData().add(new XYChart.Data<Number,Number>(1970, 15));
series.getData().add(new XYChart.Data<Number,Number>(1980, 30));
series.getData().add(new XYChart.Data<Number,Number>(1990, 60));
series.getData().add(new XYChart.Data<Number,Number>(2000, 120));
series.getData().add(new XYChart.Data<Number,Number>(2013, 240));
series.getData().add(new XYChart.Data<Number,Number>(2014, 300));
//将数据设置为折线图
linechart.getData().add(series);
//更改 x 轴和 y 轴的颜色
linechart.getXAxis().setStyle("-fx-border-color: OrangeRed transparent
transparent; -fx-border-width:3");
linechart.getYAxis().setStyle("-fx-border-color: transparent OrangeRed
transparent transparent; -fx-border-width:3");
//创建 Group 对象
StackPane root = new StackPane(linechart);
//设置场景对象
Scene scene = new Scene(root, 595, 300);
stage.setTitle("Line Chart");
stage.setScene(scene);
stage.show();
}
public static void main(String args[]){
launch(args);
}
}
输出


