我是Javafx的新手,而CSS的新手。
现在,我想将在Javafx中创建的图表导出到png文件中,并且由于要获得高质量的图片,因此我更改了CSS工作表的某些设置,以便现在像字体大小之类的东西变得更大。

我设法更改了几乎所有参数,但还有一个问题:我找不到改变图表图例符号大小的方法。
Oracle提供了JavaFX参考指南,我发现我应该能够更改样式类.chart-legend-item-symbol中的设置。 (https://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html

我还从Oracle(http://docs.oracle.com/javafx/2/charts/css-styles.htm)找到了一个教程,他们说:“默认情况下,图例符号看起来像圆,因为它们被声明为高度为5像素,宽度为5像素,宽度为5的圆角矩形。 -像素半径”。

所以我的问题是:是否有一个参数可用于更改矩形的5px大小?还是我需要在这里完全重新定义另一个大小的矩形,如果是这样,我该怎么做?

我有点愚蠢,因为直到现在我还不完全了解CSS的语法,但是我没有向Google提出解决方案。

非常感谢您的帮助!

最佳答案

请在此处查看jewelsea的答案:
Controlling symbols, etc. in lineCharts inline programmatically

您可以通过以下方式访问任何图例符号:

.default-color0.chart-legend-item-symbol{}
.default-color1.chart-legend-item-symbol{}
.default-color2.chart-legend-item-symbol{}


也许有更好的方法可以实现此目的,但是您可以将自定义背景图像设置为legend-item-symbol并更改其大小:

.default-color0.chart-legend-item-symbol {
    -fx-background-color: transparent;
    -fx-background-size: 5px;
    -fx-background-image: url('../Icons/rectangle.png');
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
}


或在此处使用此方法(饼图的自定义图例符号):
https://gist.github.com/jewelsea/1422628

10-05 20:36
查看更多