* Visite o ALJUG - http://aljug.blogspot.com - Noticias sobre a comunidade java alagoana e do mundo * Visite o blog Mundo Gamificado www.mundogamificado.com.br - E vamos mudar o mundo! *

sexta-feira, 9 de fevereiro de 2018

Mudando a cor das series dos charts primefaces

E aí pessoal, quanto tempo?

Hoje vou falar da alteração de cor das series nos charts do primefaces, algo muito simples que muitos ensinam por ai de forma muito complicada.

O exemplo de hoje é Despesa vs. Receita, então visualmente sempre colocam vermelho para despesa e verde para receita.

Pois bem, hoje iremos usar o Barchart, e com isso ao criar a instancia como abaixo:


 
     private BarChartModel barModel;

Segundo este exemplo o vermelho vem na frente e depois o verde, então nesse caso ficaria assim:


   barModel.setSeriesColors("FF0000,32CD32");

Com isso, visualmente já iria visualizar assim:


Agora caso você queira que além das barras, o texto também, aí neste caso ficaria assim:


function alterarTextoLabel() { 
    this.cfg.axes.yaxis.tickOptions = { 
     textColor : '#32CD32' 
   }; 
  this.cfg.axes.xaxis.tickOptions = { 
     textColor : '#FF0000'
   }; 
}


Isso mesmo, seria uma função javascript, pois o primefaces usa o jqplot.

Espero ter ajudado, até a próxima!

Nenhum comentário: