Как изменить цвет ярлыка линейной диаграммы Primefaces/jqPlot?

Question

У меня есть простой 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%; 
} 

Любые мысли?

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' 
      } 
      } 
     }