css - 如何更改 Primefaces/jqPlot 折线图的标签颜色？

Question

我有一个使用 PrimeFaces（通过 jqPlot）库的简单 JSF 折线图：

<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%;
 }

有什么想法吗？

Answer 1

这正是我用于图表的标题和 X/Y 标签的内容：

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

类的设置.jqplot-xaxis工作正常，它只会改变 xaxis 的刻度。您可以通过设置例如快速测试它font-size: 20px;

Answer 2

正如 Boro 在他对上述答案的评论中所说明的那样，使用 CanvasAxisLabelRenderer 时，您需要使用：

labelOptions: {textColor: '#eeccaa'}

在 xaxis 或 yaxis 对象块中（您引用 labelRenderer 的同一位置）：

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

只是认为突出显示这一点而不是将其隐藏在评论中会很好。

谢谢博罗！

Answer 3

对于我的工作，这段代码

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