Discussion between Wellington Avelino and Techies

4:54 PM

0

A: Mudar a cor do Label de um grafico no PrimeFaces

@Techies, você vai ter que sobrescrever o css, tente isso: .jqplot-series-canvas { background:green; } EDIT: Então tente o seguinte: .jqplot-title{ color: #FF0000; } .jqplot-xaxis-label{ color: #FF0000; } .jqplot-yaxis-label{ color: #FF0000; }

Techies

Ainda não funcionou. :/

Só a cor do titulo mudou pra vermelha, os label's continuam da mesma cor

Ja olhei, eu tento usar e a cor não muda mesmo assim rsrs

ainda não, vou tentar

Também não deu ..

Wellington Avelino

@Techies, muito estranho não ter funcionado, você colocou essas alterações no CSS da página?

Techies

Coloquei no CSS do template, e só o titulo muda de cor rs

Wellington Avelino

Entendo, vou tentar responder pra você! Já tentou alterar direto pela ferramenta do desenvolvedor no chrome? @Techies

Techies

Acabei de tentar fazer isso, editei a pergunta com uma imagem, de uma olhada.

Wellington Avelino

4:54 PM

@Techies, muito estanho eu testei em um chart aqui e funcionou, faça alguma alteração nesse sistema.css e veja se aplica corretamente, tente limpar o cash do seu navegador também

Techies

Já tentei limpar o cash, eu tirei o trecho css que estava no arquivo sistema.css e tentei alterar a cor pelo navegador. Só a cor do titulo muda, os resto não.

Wellington Avelino

@Techies

altera isso

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

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

troca para branco

Techies

ok

Wellington Avelino

Ve se muda

testei no meu e funciono

Techies

Apenas o titulo e as legendas do lado direito mudam, aquelas legandas pequenas do gráfico

porém os labels que ficam embaixo não mudam

Wellington Avelino

4:57 PM

coloca uma foto aqui

um print

Techies

vou colocar

ta grifado em vermelho o que mudou

Wellington Avelino

Nossa

Mesmo setando como white no style?

Techies

estranho né?

Wellington Avelino

Como vc colocou suas labels

Techies

eu posso setar de qualquer cor que não muda

vou mostrar o código

Wellington Avelino

4:59 PM

deve ter algum css resetando

ta usando prime 5.0 ?

ok

Techies

to sim

Axis xAxis = barModel.getAxis(AxisType.X);
xAxis.setLabel("Funcionários");

Wellington Avelino

ok pera aai

Techies

e os dados que são dinâmicos como os nomes que aparecem embaixo eu seto dessa forma: finalizado.set(f.getNome(), tarefasFinalizadas.get(f));

Wellington Avelino

está usando ChartSeries ?

Techies

BarChartModel model = new BarChartModel();

ChartSeries finalizado = new ChartSeries();

Wellington Avelino

5:09 PM

techeis

Techies

oi

Wellington Avelino

no seu

<P: char

adiciona esses atrivutos

seriesColors="66cc66, eff547, cc6666"

seriesColours

e coloca as cores que vc quer

@Techies

Techies

Mas isso muda as cores das barras eu acho, e não das legendas. Eu já tenho:
barModel.setSeriesColors("7ABA7A, ACD1E9, EB6E44");

Wellington Avelino

Testou ai/

?

Techies

eu já tinha

e só mudava a cor das barras

as legendas não mudam

Wellington Avelino

5:15 PM

haha

estou com aflição desse char

pera

Techies

:/ imagina eu kk

Wellington Avelino

É na empresa?

Techies

sim

faz uns 3 dias que estou mexendo com isso

as vezes dou uma parada pois não é de "Extrema" importancia

porem a visualização fica ruim..

Wellington Avelino

calma que vamos resolver haha

Techies

kk, será que o tema que estou usando pode influenciar?

Wellington Avelino

5:20 PM

que tema?

ja tentou reescrever assim

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

Techies

coloco no meu sistema.css

ou faço um teste no navegador?

Wellington Avelino

no sistema.css

aproveita

e da um print com a feramente do desenvolvedor

especionando o elemento da cor verde no background

Techies

beleza

kkkk

olha como ficou

Wellington Avelino

inspeciona onde coloquei a setinha

quero ver quem é o componente

Techies

ok

Wellington Avelino

5:26 PM

pega só o background

onde risquei de azul

Techies

background no caso seria tudo?

ou só o eixo y?

Wellington Avelino

Tudo

olha só

Techies

eu tinha pego isso

vou pegar tudo

Wellington Avelino

.jqplot-xaxis-tick{
color: white;
}

vou dar um exemplo

Techies

Wellington Avelino

5:29 PM

especiona onde ta verde

Techies

aonde?

Wellington Avelino

só onde está verde

Techies

ok

nessa imagem tem aonde ta verde

é só esse canvas

e essa div

Wellington Avelino

.jqplot-base-canvas {
background:white;
}

ou tenta
.jqplot-base-canvas {
color:white;
}

coloca no seu sistema.css

tenta o primeiro dps o segundo

Techies

o primeiro deixou o fundo todo branco, ficou um pouco melhor

e o segundo não funcionou rs

Wellington Avelino

5:33 PM

opaaaaaaaaaaa

progresso

Como vc quer agora?

quer os labels?

Techies

assim já está bom, porém se desse pra mudar os labels eu ficaria mais feliz kk

mas caso esteja muito ocupado podemos deixar assim

Wellington Avelino

Vou postar como resposta, em casa eu faço um e edito ela

Techies

beleza, pode postar lá.

Wellington Avelino

ou

pea

pera

vamo terminar kkk

só tem coisa chata hoje aqui

inspeciona o label

Techies

beleza kk

Wellington Avelino

5:41 PM

.jqplot-xaxis-tick{
color:"sua cor"

}
ou
.jqplot-xaxis-tick{
color:"sua cor"

}

ops

.jqplot-xaxis-label{
color:"sua cor" !important;

}

Techies

vou tentar

Wellington Avelino

esse tick são as labels (se bem que o nome nao é muito intuitivo) hahah

Techies

A cor é aplicada no css porém nao muda o elemento

Wellington Avelino

entao coloca no tick

.jqplot-xaxis-tick{
color:"sua cor"

}

Techies

coloquei

nao mudou e também não apareceu no css rsrs

Wellington Avelino

5:46 PM

:O

meus conhecimentos em prime estão acabando kkkkk

seta o label como background

ou invesz de color

quero ver uma coisa

.jqplot-xaxis-label{
background:"sua cor" !important;

}

Techies

setei o tick

e olha como ficou kkk

Wellington Avelino

como eu pensei

Techies

oq acontece? kkk

Wellington Avelino

coloca esse J.S na pagina

function ext() {
this.cfg.axes.yaxis.tickOptions = {
textColor : '#00ff00'
};
}

muda pra cor que vc deseja

no <p:chat

Techies

coloca ele no template ou ná pagina do gráfico?

Wellington Avelino

5:52 PM

onde está o grafico

no chart

adiciona

extender="ext" como atributo

Techies

não funcionou, acho que estou fazendo algo errado

eu não manjo muito de JS ainda

tenho que colocar essa função dentro da tag script?

Wellington Avelino

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

Não

coloca assim

vo te madnar um exemplo

Techies

ok

Wellington Avelino

tomei downvote na resposta kkkkkkkkkkk

coloca assim na pagina

no final

Techies

coloca no final de tudo

ou dentro do ui:define

?

Wellington Avelino

5:57 PM

dentro

ai coloca assim o seu p:chart

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

Techies

<ui:define name="corpo">


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

function ext() {
this.cfg.axes.yaxis.tickOptions = {
textColor : '#00ff00'
};
}

</script>

</ui:define>

fiz dessa forma e não funcionou rs

Wellington Avelino

:(

Techies

No inspecionar elemento tem uma aba que é "Console" la tem javaScript marcado, acho que é pra aparecer funções

nenhuma função aparece la tambpem

também

Só aparece css

Wellington Avelino

olha isso

2

A: primefaces barchart X axis decimal tick labels with single decimal digit

You should use the extender of the <p:barChart , like this: <p:barChart value="#{myBean.myModel}" widgetVar="myBarChart" extender="my_ext"/> <script type="text/javascript"> function my_ext() { this.cfg.axes.xaxis.tickOptions = { formatString : '%#.1f' }; } <...

só alterei pra txtcolor

Techies

eu acho que esse era um modelo antigo de gráfico

ali ele usa <p:barChart>

quando eu tento dar um autocomplete no extender

não aparece no p:chart

acho que tem q fazer via codigo

java

Wellington Avelino

6:02 PM

um moemnto

Techies

beleza

Wellington Avelino

você tem algum javaScript na tela?

Techies

Não

no java, eu posso usar: barModel.setExtender(extender);

mas não sei como ligar o javaScript direto no java

Wellington Avelino

barModel.setExtender("ext");

Techies

opa deu certo

mudou a cor dos itens do eixo y

Wellington Avelino

6:07 PM

HEHE

Techies

vou tentar mudar do eixo x

pronto

Wellington Avelino

posso postar?

Techies

Problema resolvido

Pode sim

Wellington Avelino

:)

Techies

Muito Obrigado pela ajuda

Wellington Avelino

6:08 PM

Que isso cara

Trabalha em sp?

Techies

Paraná

e pra piorar no interior ainda kkk

unico programador da empresa

acabei de terminar a faculdade

Wellington Avelino

cara

entrei aqui como estagiario

tinha 5 caras

fiquei 6 meses

quando ia ser efetivado

sairam todos

estou 7 meses sozinho kkkk

Techies

lol

Wellington Avelino

é nom assim aprende amis

Techies

sim

eu só programava de vez enquando

faz uns 4 meses que to programando todo dia

java DeskTop eu tenho um dominio maior

faz pouco tempo que comecei com JSF

Wellington Avelino

6:11 PM

to a 1 ano e 3 meses programando todo dia

aprendi android aqui

Techies

Eu aprendi bem pouco na faculdade, tenho vontade de fazer mais coisas. E tambem me aprofundar mais em desenvolvimento de Games. Fiz um jogo com kinect pro meu TCC

Wellington Avelino

como voce mudou o eixo Y?

ops do X

só alterou o js?

Techies

Sim, this.cfg.axes.xaxis.label = {
textColor : '#00ff00'
};

ops mandei o errado

to tentando fazer o do label

Wellington Avelino

qual vc qr°

Techies

this.cfg.axes.xaxis.tickOptions

aqui, antes tava yaxis.tickOptions

eu coloquei xaxis.TickOptions

Wellington Avelino

6:15 PM

qual voce percisa

dos 2 ?

Techies

os 2

Wellington Avelino

ok

Techies

mas é só colocar dentro da function, certo?

Wellington Avelino

sou mei ruim de js

vo testar

pera

Techies

tranquilo kk

consegui, agora só falta o do label

o que fica Escrito Funcionários

é só trocar TickOptions por label?

Wellington Avelino

6:18 PM

deu?

como ficou o js?

Techies

deu no eixo X e Y

Wellington Avelino

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

isso ai

kk

Techies

:D

Wellington Avelino

Coloquei lá

me deram -1

desgraçados nem comentam o porque

Techies

kkkkkk, acontece direto cmg

eu tiro seu -1

dai o cara q deu perde ponto