GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Primefaces - Como alterar fonte grafico p:chart


#1

Ola pessoal. Estou precisando alterar o tamanho da fonte e colocar um negrito nos nomes que aparecem a esqueda no grafico e os numeros abaixo da escala?

tentei informar no componente p:chart o atributo style=“font-size: 16px;” mas ele so aumenta a fonte da legenda.

Segue imagem mostrando o que quero alterar:


#2

Fala querido,

Conseguiu resolver esse probleminha?


#3

Boa tarde. tudo que o JSF gera mesmo com o Primefaces e html, css e js, da uma olhada no fonte(boão direito e inspecionar código fonte) da página e aplica o css necessário, isso deve resolver.


#4

Cara, ja fiz isso, mas ainda nao rolou.
Não consegui achar o componente responsavel por esse eixo para realizar as devidas formatações.


#5

Consegui fazer da seguinte forma:

na pagina html criei a seguinte função javascript:

                                    <script type="text/javascript">
                                        function alterarLegend()
                                        {
                                            this.cfg.highlighter = {
                                                tooltipAxes: 'y'
                                            };

                                            this.cfg.axes.yaxis.tickOptions = {
                                                textColor: '#000000',
                                                formatString: "%.2f"
                                            };
                                            this.cfg.axes.xaxis.tickOptions = {
                                                textColor: '#000000',
                                                formatString: "%.2f"
                                            };
                                            this.cfg.axes.yaxis.labelOptions = {
                                                textColor: '#000000'
                                            };
                                            this.cfg.axes.xaxis.labelOptions = {
                                                textColor: '#000000'
                                            };
                                        }
                                    </script>

no manegedBean atribui ao model a função javascript da seguinte maneira:

modelGrafico.setExtender(“alterarLegend”);