如何在 JavaFX 中将水平线和垂直线着色为 (0,0) 变暗

Question

所以，我有一种感觉，这不是一个可怕的困难问题，但我找不到救我生命的财产。我正在构建一个不错的Javafx XYChart（构造，我应该说），一切都进展顺利，在Oracle CSS样式指南的帮助下，我找到了我可能想要的所有帮助，并制作了一个漂亮的图表（如果我有10个声誉，我会发布>_>）。现在，忽略它上面的随机抛物线，以及其他一切，因为我知道如何处理这些，我遇到的麻烦是红色 x 指向的位置，我需要这些轴的线像深黑色，但我找不到正确的 CSS 属性在任何地方你可能认为该属性是 fx-axis-stroke， 但是JavaFX 2.0无法识别该参数。（我提供的链接来自 1.3，我相信，较新的链接没有列出其中的大部分？O_o）。我的CSS文件如下：

    /* This css file holds all of the styling for the XY chart produced in the calculator.*/
    .chart-plot-background {
        -fx-background-image: url("chart-background 2.png"), url("graph-gridlines.png");
        -fx-background-size: cover, auto;
        -fx-background-repeat: no-repeat, repeat;
        -fx-background-position: 0% 0%, 0% 100%;
        -fx-border-color: black black transparent transparent;
    }
    .chart {
        -fx-background-image: url("background.png");
        -fx-padding: 15 25 15 15;    
        -fx-border-color: black;
        -fx-effect: dropshadow( gaussian , rgba(0,0,0,0.8) , 10, 0.0 , 0 , 2 );
    }
    .axis Text{
        -fx-fill: white;
    }
    .tick-mark {
        -fx-font-size: 10px;
        -fx-effect: dropshadow( one-pass-box , rgba(0,0,0,0.8) , 0, 0.0 , 0 , 1 );
    }
    .chart-legend{
          -fx-background-color:  transparent;
    }
    .chart-legend-item{
        -fx-text-fill: white;
    }
    .chart-series-area-line { 
        -fx-stroke: white; 
        -fx-stroke-width: 2px; 
    }
    .axis-label {
       -fx-text-fill: azure; 
    }
    .default-color0.chart-series-line { -fx-stroke: azure; }
    .default-color1.chart-series-line { -fx-stroke: azure; }
    .default-color2.chart-series-line { -fx-stroke: azure; }
    .default-color0.chart-line-symbol { -fx-background-color: azure; }
    .default-color1.chart-line-symbol { -fx-background-color: azure; }
    .default-color2.chart-line-symbol { -fx-background-color: azure; }
    .chart-area-symbol {
        -fx-background-color: white;
    }
    .axis {
        -fx-stroke: black;
        -fx-tick-mark-visible: false;
        -fx-minor-tick-visible: false;
        -fx-tick-length: 3;
        -fx-minor-tick-length: 0;
        -fx-border-color: transparent;
    }
    .axis:bottom {
        -fx-border-color: black transparent transparent transparent;
    }
    .axis:left {
        -fx-border-color: transparent black transparent transparent;
    }
    .chart-series-area-fill { 
        -fx-fill: linear-gradient(to right, white, rgba(255,255,255,0)); 
        -fx-blend-mode: OVERLAY;
    }
    root { 
        display: block;
    }

您能提供的任何帮助或见解将不胜感激。对我来说很明显，该属性必须存在，但我似乎找不到它。

编辑：我意识到你看不到我上面引用的红色箭头，因为我无法发布图片，但如果你能想象两个红色箭头指向图表的x和y轴线（不一定在图表的边界上），那么这就是你需要知道的。

Answer 1

因此，这在大约 5 分钟前已解决。正如我猜到的那样，解决方案非常简单。实现它的神奇CSS：

.chart-vertical-zero-line{
    -fx-stroke: black;
    -fx-stroke-width: 5px;
}
.chart-horizontal-zero-line{
    -fx-stroke: black;
    -fx-stroke-width: 5px;
}

好了，垂直和水平零线的单独着色/CSS 格式选项。 真棒。