JavaFX BarChart條形圖顏色

Question

如何更改JavaFX BarChart欄的顏色？

我找不到通過css setStyle方法改變顏色的方法。

Answer 1

你可以用css設置bar的顏色

.default-color0.chart-bar { -fx-bar-fill: ***** }
.default-color1.chart-bar { -fx-bar-fill: ***** }
...

使用setStyle方法：

在Node類中使用lookupAll方法，

查找與給定CSS選擇器匹配的所有節點，包括此節點和任何子節點。 如果未找到匹配項，則返回空的不可修改集。 該集明確無序。

代碼：

  //set first bar color
  for(Node n:barChart.lookupAll(".default-color0.chart-bar")) {
            n.setStyle("-fx-bar-fill: red;");
        }
   //second bar color
   for(Node n:barChart.lookupAll(".default-color1.chart-bar")) {
            n.setStyle("-fx-bar-fill: green;");
        }

Answer 2

從JavaFX8開始，您只需使用.chart-bar選擇器：

.chart-bar {
    -fx-bar-fill: red; 
}