JavaFX条形图的CSS线性渐变

Question

我当前的样式是（{0}被替换为条形码特定的颜色代码]

  "-fx-bar-fill: rgb({0});"
+ "-fx-background-color: "
+ "linear (0%,0%) to (0%,100%) "
+ "stops (0%, derive(-fx-bar-fill,-30%)) "
+ "(100%, derive(-fx-bar-fill,-40%)), "
+ "linear (0%,0%) to (0%,100%) "
+ "stops (0%, derive(-fx-bar-fill,80%)) "
+ "(100%, derive(-fx-bar-fill, 0%)), "
+ "linear (0%,0%) to (0%,100%) "
+ "stops (0%, derive(-fx-bar-fill,30%)) "
+ "(100%, derive(-fx-bar-fill,-10%));"
+ "-fx-background-insets: 0,1,2;"
+ "-fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;";

看起来像这样：

问题是由于不推荐使用linear语法，所以我收到了解析器警告。我尝试将样式样式重构为linear-gradient，而没有使用guide更改结果，但我不明白。谁能解决这个问题？

Answer 1

不推荐使用的版本定义了三个背景。每个背景均以linear开头。这些背景就像图层一样工作。因此，我唯一要做的就是创建三个背景。我的第一个解决方案是将背景分开；导致解析错误。背景必须用逗号分隔。通过使用-fx-background-insets缩小绘图区域来创建条形边框。我的最终解决方案是