如何更改Primefaces/jqPlot折線圖的標籤顏色？

我有一個使用PrimeFaces（經由jqPlot）一個簡單的JSF線圖表庫：如何更改Primefaces/jqPlot折線圖的標籤顏色？

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

然而，我想改變圖表的標題和X/Y標籤顏色。我似乎無法找到正確的CSS組合來實現此目的。例如，以下不起作用：

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

有什麼想法？

來源

2012-06-14 smagrath

這正是我使用的標題和我的圖表的X/Y標籤：

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

的.jqplot-xaxis類的設置工作正常，它只會改變x軸的蜱。您可以通過設置font-size: 20px;

來源

2012-06-14 09:32:35 Boro

差不多！標題現在具有正確的顏色，但X＆Y **標籤**沒有更改（顏色或字體大小測試）。然而，井字標籤被上述設置所改變... – smagrath

讓我猜你在標籤上使用'CanvasAxisLabelRenderer'吧？如果是的話，那麼在這種情況下，您需要通過設置labelOptions來明確地重複選項，如下所示：'labelOptions：{textColor：'#eeccaa'}' – Boro

好的 - 我都是新來的這個webapp的東西......你指的是在CSS文件中這樣做？當我將您的建議粘貼到文件中的各種邏輯位置時，我的IDE正在抱怨。也許你可以爲一個新手進行更多的闡述......並且謝謝！明確的進展！ – smagrath

由於博羅說明了他的意見，以上述他的答案，使用CanvasAxisLabelRenderer當你需要使用：

labelOptions: {textColor: '#eeccaa'}

在x軸

或y軸對象塊（同一地點你引用將爲labelRenderer）：

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

只是認爲這將是一件好事，而不是讓它隱藏在評論中。

感謝Boro！

來源

2014-08-06 02:07:10 Zuckerj

對我的工作這段代碼

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

來源

2017-02-27 12:45:51

如何更改Primefaces/jqPlot折線圖的標籤顏色？

回答

相關問題