2014-10-30 83 views
0

我想改变区域图的默认颜色。我有或多或少的像这样的图表:区域图改变默认颜色

enter image description here 在这里你可以看到图表中有3行。每个图表都有填充颜色和线条颜色。我怎样才能改变这2件事?

我检查了场景生成器中的CSS,但我不知道如何改变颜色。 我认为它一定是这样的:

.default-color0:red;

回答

0

适用于图表的css样式在modena.css文件中定义。如果您想修改某些属性,请查找样式类并更改某个值。

这些是前三个系列(关于符号,线条和填充每个系列)的默认属性:

.chart-area-symbol { 
    -fx-background-color: CHART_COLOR_1, white; 
    -fx-background-insets: 0, 1; 
    -fx-background-radius: 4px; /* makes sure this remains circular */ 
    -fx-padding: 3px; 
} 
.default-color0.chart-area-symbol { -fx-background-color: CHART_COLOR_1, white; } 
.default-color1.chart-area-symbol { -fx-background-color: CHART_COLOR_2, white; } 
.default-color2.chart-area-symbol { -fx-background-color: CHART_COLOR_3, white; } 
.chart-series-area-line { 
    -fx-stroke: CHART_COLOR_1; 
    -fx-stroke-width: 1px; 
} 
.default-color0.chart-series-area-line { -fx-stroke: CHART_COLOR_1; } 
.default-color1.chart-series-area-line { -fx-stroke: CHART_COLOR_2; } 
.default-color2.chart-series-area-line { -fx-stroke: CHART_COLOR_3; } 
.chart-series-area-fill { 
    -fx-stroke: null; 
    -fx-fill: CHART_COLOR_1_TRANS_20; 
} 
.default-color0.chart-series-area-fill { -fx-fill: CHART_COLOR_1_TRANS_20; } 
.default-color1.chart-series-area-fill { -fx-fill: CHART_COLOR_2_TRANS_20; } 
.default-color2.chart-series-area-fill { -fx-fill: CHART_COLOR_3_TRANS_20; } 

所以你只需要提供您的自定义颜色。

+0

有没有可能改变不透明度呢? – 2014-10-30 12:46:08

+0

当然,也只是提供alpha通道。默认的填充值已经有20%的不透明度:'CHART_COLOR_1_TRANS_20:#f3622d33'。 – 2014-10-30 12:49:20

+0

佩拉达,我有一个十六进制颜色值像#007FC3 - >现在我想改变那里的不透明度,我该怎么做? – 2014-10-30 13:18:40