面积图更改默认颜色

Question

我想更改区域图的默认颜色。我或多或少有这样的图表：

在这里你可以看到图表中有3行。每个图表都有填充颜色和线条颜色。我怎样才能改变这两件事？

我在Scene Builder中检查了CSS，但我不知道如何更改颜色。 我认为必须是这样的：

  

.default-color0：red;

Answer 1

应用于图表的CSS样式在modena.css文件中定义。如果要修改某些属性，请查找样式类并更改某些值。

这些是前三个系列的默认属性（关于每个系列的符号，行和填充）：

.chart-area-symbol {
    -fx-background-color: CHART_COLOR_1, white;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 4px; /* makes sure this remains circular */
    -fx-padding: 3px;
}
.default-color0.chart-area-symbol { -fx-background-color: CHART_COLOR_1, white; }
.default-color1.chart-area-symbol { -fx-background-color: CHART_COLOR_2, white; }
.default-color2.chart-area-symbol { -fx-background-color: CHART_COLOR_3, white; }
.chart-series-area-line {
    -fx-stroke: CHART_COLOR_1;
    -fx-stroke-width: 1px;
}
.default-color0.chart-series-area-line { -fx-stroke: CHART_COLOR_1; }
.default-color1.chart-series-area-line { -fx-stroke: CHART_COLOR_2; }
.default-color2.chart-series-area-line { -fx-stroke: CHART_COLOR_3; }
.chart-series-area-fill {
    -fx-stroke: null;
    -fx-fill: CHART_COLOR_1_TRANS_20;
}
.default-color0.chart-series-area-fill { -fx-fill: CHART_COLOR_1_TRANS_20; }
.default-color1.chart-series-area-fill { -fx-fill: CHART_COLOR_2_TRANS_20; }
.default-color2.chart-series-area-fill { -fx-fill: CHART_COLOR_3_TRANS_20; }

所以你只需提供自定义颜色。