如何将特定颜色设置为 JavaFX 图表的背景?
javafxobject oriented programmingprogramming更新于 2026/1/8 3:24:17
javafx.scene.chart 包提供了用于创建各种图表的类，即 −折线图、面积图、条形图、饼图、气泡图、散点图等。
您可以通过实例化相应的类来创建所需的图表。
设置背景图像和颜色 −
JavaFX CSS 中的 -fx-background-color 类用于为图表设置彩色背景。
JavaFX CSS 中的 -fx-background-color 类(属于区域 chart-plot-background)用于设置背景颜色。
JavaFX Scene 类有一个可观察列表，用于保存所有必需的样式表。您可以使用 getStylesheets() 方法获取此列表。
将图像设置为图表的背景 −
在项目工作表的当前包中创建一个 CSS 文件(例如 LineChart.css)。
使用 -fx-background-color CSS 类将背景图像设置为 −
.chart-plot-background {
-fx-background-color: DIMGRAY;
}
使用 -fx-background-color CSS 类将绘图颜色设置为透明，例如 −
.chart-plot-background {
-fx-background-color: transparent;
}
在程序中，使用 getStylesheets() 方法获取可观察的样式表列表。
使用 add() 方法将创建的 CSS 文件添加到列表中。
示例
color.CSS −
.chart {
-fx-padding: 10px;
-fx-background-color: DIMGRAY;
}
.chart-plot-background {
-fx-background-color: transparent;
}
.chart-vertical-grid-lines {
-fx-stroke: #dedddc; -fx-stroke-width: 2;
}
.chart-horizontal-grid-lines {
-fx-stroke: #dedddc; -fx-stroke-width: 2;
}
JavaFX 程序 −
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.AreaChart;
import javafx.scene.chart.CategoryAxis;
import javafx.stage.Stage;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.StackPane;
public class AreaChartExample extends Application {
public void start(Stage stage) {
//定义 X 轴和 Y 轴
CategoryAxis xAxis = new CategoryAxis();
NumberAxis yAxis = new NumberAxis();
//设置轴的标签
xAxis.setLabel("Months");
yAxis.setLabel("Rainfall (mm)");
//创建面积图
AreaChart areaChart = new AreaChart(xAxis, yAxis);
//准备面积图的数据
XYChart.Series series = new XYChart.Series();
series.getData().add(new XYChart.Data("Jan", 13.2));
series.getData().add(new XYChart.Data("Feb", 7.9));
series.getData().add(new XYChart.Data("Mar", 15.3));
series.getData().add(new XYChart.Data("Apr", 20.2));
series.getData().add(new XYChart.Data("May", 35.7));
series.getData().add(new XYChart.Data("June", 103.8));
series.getData().add(new XYChart.Data("July", 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)
series.setName("Rainfall In Hyderabad");
//设置面积图数据
areaChart.getData().addAll(series);
//创建堆栈窗格来保存图表
StackPane pane = new StackPane(areaChart);
//设置场景
Scene scene = new Scene(pane, 595, 300);
stage.setTitle("Area Chart");
stage.setScene(scene);
scene.getStylesheets().add("javafx_transformastions/color.css");
stage.show();
}
public static void main(String args[]){
launch(args);
}
}
输出
