javafx-2 - 以编程方式控制折线图中的符号等

Question

我有一个 JavaFX 应用程序，我希望用户能够控制折线图中的符号、线条样式等。我不想创建多个样式表，而是想将此功能构建到 Java 代码中。感谢 Jewelsea 之前发布的优秀示例，我可以动态更改线条样式，这太棒了!但我无法更改默认符号样式。

我不清楚有多少 .css 语句可以在调用 node.setStyle 时逐字内联使用。即，我看到“-fx-*”命令可以在 Java 代码中运行。但是 .css 文件中的符号是用不同的语法定义的，仅仅将 css 行插入到我的 Java 代码中是行不通的。

这是我的代码的示例:

StringBuilder styleString = new StringBuilder();    
            // do some stylin'
    switch (getLineStyle.getValue().toString())  {
        case "Line and points":
            styleString.append("-fx-stroke: blue; -fx-stroke-width: 2; ");
            styleString.append(
                    ".chart-symbol {-fx-background-color: blue; -fx-background-radius: 3px;}");
            engChart.setCreateSymbols(true);
            break;

        case "Line only":
             styleString.append("-fx-stroke: blue; -fx-stroke-width: 2; ");
             engChart.setCreateSymbols(false);
            break;

在“线和点”的情况下，我可以使用此代码控制颜色和宽度，但控制符号的尝试惨败。我从这里获取了语法:

http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#introscenegraph

如果有更好的引用用于执行此类内联控制，我很高兴知道它是什么。

谁能告诉我如何正确地内联操作这些符号？谢谢。

Answer 1

您不能在样式字符串中附加样式类定义。您只能在 css 文件中定义样式类。因此创建并 load your own css file并覆盖现有的符号样式或创建您自己的符号样式。

default stylesheet for JavaFX 2.2包含以下定义:

.chart-line-symbol {
    -fx-background-color: #f9d900, white;
    -fx-background-insets: 0, 2;
    -fx-background-radius: 5px;
    -fx-padding: 5px;
}
.default-color0.chart-line-symbol { -fx-background-color: #f9d900, white; }
.default-color1.chart-line-symbol { -fx-background-color: #a9e200, white; }
.default-color2.chart-line-symbol { -fx-background-color: #22bad9, white; }
.default-color3.chart-line-symbol { -fx-background-color: #0181e2, white; }
.default-color4.chart-line-symbol { -fx-background-color: #2f357f, white; }
.default-color5.chart-line-symbol { -fx-background-color: #860061, white; }
.default-color6.chart-line-symbol { -fx-background-color: #c62b00, white; }
.default-color7.chart-line-symbol { -fx-background-color: #ff5700, white; }

因此，要么提供您自己的 .chart-line-symbol 定义，要么向您的图表添加新的样式类，例如 chart.getStyleClass().add("custom-chart")，然后在 css 文件中定义自定义图表符号。

.custom-chart .chart-line-symbol {
    -fx-background-color: #f9d900, firebrick;
    -fx-background-radius: 0px;
}

有other ways实现图表符号的自定义样式，但最好仅使用 css，除非它确实无法适合您的用例。