我有一個簡單的JSF線圖，它使用了PrimeFaces(通過jqPlot)庫:

<p:lineChart id="linear"
             value="#{team.chart}" 
             title="Lap Times" 
             xaxisLabel="Lap"
             yaxisLabel="Time (sec)"
             style="height:300px;width:600px" />

但是，我想更改圖表的標(biāo)題和X/Y標(biāo)簽顏色。我似乎找不到合適的CSS組合來實(shí)現(xiàn)這一點(diǎn)。例如，以下內(nèi)容不起作用:

.jqplot-xaxis {
     /* skin */
     font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; 
     color: white ! important;
     font-size: 90%;
 }

有什么想法嗎？

這正是我用于圖表標(biāo)題和X/Y標(biāo)簽的內(nèi)容:

.jqplot-title{
    color: #eeffdd;
}
.jqplot-xaxis-label{
    color: #eeccaa; 
}
.jqplot-yaxis-label{
    color: #eeccaa;
}

的設(shè)置。jqplot-xaxis類工作良好，它只改變了xaxis的刻度。您可以通過設(shè)置快速測試，例如:font-size:20px；

正如Boro在他對上述答案的評論中所闡明的，當(dāng)使用CanvasAxisLabelRenderer時，您需要使用:

labelOptions: {textColor: '#eeccaa'}

在xaxis或yaxis對象塊中(與您引用labelRenderer的位置相同):

yaxis:{
  label: 'Your Label'
  labelRenderer: $.jqplot.CanvasAxisLabelRenderer,
  labelOptions: {textColor: '#eeccaa'},
  etc...
}

只是覺得突出這一點(diǎn)比隱藏在評論里要好。

謝謝博羅！

對于我的工作，這個代碼

axes: {
     xaxis: {
          borderColor: "#aa2626",
          tickOptions: {
             textColor: '#aa2626'
             }
          }
        }

對于我來說，由于我正在開發(fā)一個老項(xiàng)目，Primefaces 6.2，適合我的代碼如下:

this.cfg.axesDefaults= {
                tickOptions: {
                    textColor: '#fff'
                }
            };

注意:這部分代碼在擴(kuò)展器函數(shù)中，在java bean中設(shè)置如下:

model.setExtender("linechartExtender");

然后在xhtml文件中添加javascript函數(shù):

<h:outputScript >
        function linechartExtender() {
           
            this.cfg.axesDefaults= {
                tickOptions: {
                    textColor: '#fff'
                }
            };

            
        }
       linechartExtender();
    </h:outputScript>