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:
Postar um comentário