2014-10-30 82 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