JavaFX StackedBarChart图例颜色不遵循图表颜色CSS样式

时间:2015-10-05 09:14:40

标签: css charts javafx legend

在我的应用程序(JDK 1.8u51)中,我想为StackedBarChart中的某些数据类别设置一些特定的颜色。我用CSS做了这个,如下:

.root{
    -fx-ok-color: darkgreen;
    -fx-critical-color: darkblue;
    -fx-warning-color: gold;
    -fx-minor-color: orange;
    -fx-major-color: red;
    -fx-undefined-color: darkgrey;  
}
.okChartBar{
    -fx-bar-fill : -fx-ok-color;
}
.warnigChartBar{
    -fx-bar-fill : -fx-warning-color;
}
.minorChartBar{
    -fx-bar-fill : -fx-minor-color;
}
.majorChartbar{
    -fx-bar-fill : -fx-major-color;
}
.criticalChartBar{
    -fx-bar-fill : -fx-critical-color;
}
.undefinedChartBar{
    -fx-bar-fill : -fx-undefined-color;
}

我在我的代码中使用这个CSS:

StackedBarChart barChart = new StackedBarChart(new CategoryAxis(), new NumberAxis());
barChart.setTitle("Title");
vBox.getChildren().add(1,barChart);
barChart.setAnimated(true);
barChart.getData().addAll(barChartData());
barChart.getData().forEach(data ->{
    XYChart.Series moduleSerie = (XYChart.Series)data;
    moduleSerie.getData().forEach(item ->{
        XYChart.Data item2 = (XYChart.Data)item;
        item2.getNode().getStyleClass().add(styleLink.get(moduleSerie.getName())); 
        // styleLink is a map which containt the link from the alarm type (minor, major....) to the CSS style   (minorChartbar, majorChartbar, ...)
    });
});

我得到的是这样的StackedBarChart: Example of not same color between chart and legend

如您所见,图表区域与图例之间的颜色不相同。 "临界"值必须是蓝色和"主要"必须是红色。

它是JavaFX错误还是只是我的代码?

很抱歉这篇长篇文章,我只想尽可能完整。

1 个答案:

答案 0 :(得分:0)

对于那些搜索我找到了其他2个问题的答案:

我还必须在我的CSS中的每个样式类中添加.chart-legend-item-symbol,如下所示:

.okChartBar .chart-legend-item-symbol{ 
    -fx-background-color:-fx-ok-color;
 }