更改单个折线图系列颜色JavaFX

Question

我有一个窗口，其中包含三个不同的折线图。 我试图分别设置每个折线图系列的颜色。 现在我有一个css文件，它具有以下内容：

.default-color0.chart-series-line { -fx-stroke: blue }
.default-color1.chart-series-line { -fx-stroke: black }

这样做是在每个图表中设置系列的颜色。 例如，如果我的折线图有两个系列，一个是蓝色，另一个是黑色。 但是，使用此设置时，所有三个具有一个系列的图表默认为蓝色。

我想要实现的是分别设置系列，以便我的第一个折线图具有someColor1，第二个折线图具有someColor2，依此类推。

我尝试了很多事情，并在整个Internet上进行了搜索，但是我看到了“猜测”不起作用，或者通过CSS设置默认值的方法。 有谁能解决这个问题？

我正在尝试使用lineChart.setStyle("-fx-stroke: green");设置样式lineChart.setStyle("-fx-stroke: green"); 例如。

Answer 1

要在CSS文件中单独引用节点（而不是按类分组），您需要向节点添加id ：

LineChart<Number, Number> chart1 =  ... ;
LineChart<Number, Number> chart2 =  ... ;
LineChart<Number, Number> chart3 =  ... ;

chart1.setId("chart1");
chart2.setId("chart2");
chart3.setId("chart3");

显然，您可以选择更多有意义的ID来描述每个图表的含义。

然后在您的CSS中，您可以

#chart1 .chart-series-line { -fx-stroke: blue }
#chart2 .chart-series-line { -fx-stroke: black }
#chart3 .chart-series-line { -fx-stroke: green }