JavaFX中BarChart与LineChart颜色显示异常问题求助

问题现象 #

在同一窗口内使用BarChart和LineChart展示相同数据时，出现颜色显示异常：有时LineChart有颜色但BarChart无颜色，有时两者都没有颜色。尝试通过-fx-bar-fill设置样式也无法解决。

问题根源 #

同一个XYChart.Series实例不能同时添加到多个不同的图表中。当把一个系列添加到第二个图表时，JavaFX会自动将其从第一个图表中移除，导致两个图表的渲染状态混乱，最终出现颜色丢失或显示异常的情况。

解决方案 #

为每个图表创建独立的XYChart.Series实例，确保每个图表拥有自己的数据系列副本。

修改后的Java控制器代码 #

package javafxapplication26;

import java.net.URL;
import java.util.ResourceBundle;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.chart.BarChart;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.XYChart;

public class FXMLDocumentController implements Initializable {
    
    @FXML
    private LineChart<String, Number> linechart;
    @FXML
    private BarChart<String, Number> barchart;
    
    @Override
    public void initialize(URL url, ResourceBundle rb) {
        // 为折线图创建独立系列
        XYChart.Series<String, Number> lineSeries = new XYChart.Series<>();
        lineSeries.getData().add(new XYChart.Data<>("Jan",12));
        lineSeries.getData().add(new XYChart.Data<>("Feb",20));
        lineSeries.getData().add(new XYChart.Data<>("March",10));
        lineSeries.getData().add(new XYChart.Data<>("April",14));
        
        // 为柱状图创建独立系列
        XYChart.Series<String, Number> barSeries = new XYChart.Series<>();
        barSeries.getData().add(new XYChart.Data<>("Jan",12));
        barSeries.getData().add(new XYChart.Data<>("Feb",20));
        barSeries.getData().add(new XYChart.Data<>("March",10));
        barSeries.getData().add(new XYChart.Data<>("April",14));
        
        linechart.getData().add(lineSeries);
        barchart.getData().add(barSeries);
    }      
} 

可选：自定义图表颜色（通过CSS） #

如果需要自定义颜色，可以在stylesheet.css中添加以下样式：

/* 折线图线条颜色 */
.chart-series-line {
    -fx-stroke: #2ecc71;
    -fx-stroke-width: 2px;
}
/* 折线图数据点颜色 */
.chart-line-symbol {
    -fx-background-color: #2ecc71, white;
}

/* 柱状图填充颜色 */
.chart-bar {
    -fx-bar-fill: #3498db;
}

说明 #

通过为每个图表创建独立的数据系列，确保了两个图表各自拥有完整的数据引用，不会出现系列归属冲突的问题，颜色显示即可恢复正常。

内容的提问来源于stack exchange，提问作者theboss12k