css - JavaFX 2.2 样式图表

Question

所以我有我的折线图，我的 y 轴是 NumberAxis，我的 x 轴是 DateAxis。我使用来自 lib http://myjavafx.blogspot.com/2013/09/javafx-charts-display-date-values-on.html 的 DateAxis .感谢 Christian Schudt。我在一个折线图中的一个系列中画了 3 条线。

我见过几个类似的问题和解决方案: JavaFx 2.x: XYChart properties JavaFx 2.x: XYChart properties http://docs.oracle.com/javafx/2/charts/css-styles.htm

但它对我不起作用。

所以我添加了代码:

lineChart.setStyle(".default-color0.chart-series-line { -fx-stroke: #f0e68c, gray; }");
lineChart.setStyle(".default-color1.chart-series-line { -fx-stroke: #00ff00, green; }");
lineChart.setStyle(".default-color2.chart-series-line { -fx-stroke: #ff0000, red; }");

拜托，谁能帮帮我？

Answer 1

您需要使用外部样式表来完成此操作。使用传递给 setStyle(...) 方法的三个字符串创建一个 css 文件，然后调用

scene.getStylesheets().add(getClass().getResource("myFile.css").toExternalForm());

在现场。

CSS 有两个部分:规则和选择器。规则定义样式(例如，“-fx-stroke: #f0e68c, gray;”)；选择器定义样式将应用于哪些节点(例如:“.default-color0.chart-series-line”:具有“default-color0”类和“chart-series-line”类的所有节点).

当您将字符串传递给节点的 setStyle(...) 方法时，您只传递规则，该规则将应用于该节点。在你的情况下，这是行不通的；您想要将样式分配给线条，而不是图表本身。

要使用选择器，您需要使用外部样式表。使用 lineChart.lookup(...) 可以获得相同的结果，但这不是很可靠；外部样式表更可取。