Change the Label color of a chart in Primefaces

Question

I have a chart and the labels which are on the x-axis are with a very dark color and I would like to change this color, I have tried to change the color property of the graph but only the title changes.

<p:chart  type="bar" model="#{graficoBarraBean.barModel}" style="height:300px;color:green" />

The graph looks like this:

Notice that can barely see the names under the chart.

---

UPDATE: Note that I try to change the color by browser developer mode and it still doesn’t work.

Answer 1

Changing the color of the colors

We need to access the options of jqplot via Avascript, add to your page or screen Avascript:

Note: Ground the X axis and the Y axis

function alterarTextoLabel() { 
  this.cfg.axes.yaxis.tickOptions = { 
   textColor : 'sua cor desejada' 
 }; 
this.cfg.axes.xaxis.tickOptions = { 
   textColor : 'sua cor desejada' 
 }; 
} 

1# option in the bean of your Chart add:

barModel.setExtender("alterarTextoLabel");

2# option You can also add the extender as an attribute of P:Chart

 <p:chart extender="alterarTextoLabel">

Note 2 : The attribute extender was amended in version 5.0 of primefaces, so the second option is only available at the lower.

Bonus: Changing the background color in Chart

.jqplot-base-canvas { 
background:"cor desejada"; 
} 

Answer 2

You’ll have to overwrite the css, try this:

.jqplot-series-canvas {
  background:green;
}

Editing:

Then try the following:

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