Graficos com Primefaces 3.2 mostrar valores [RESOLVIDO]

3 respostas
tsc20

Olá pessoal, estou tento um probleminha, eu estou utilizando JSF 2.1 com primefaces 3.2

Eu consegui gerar os gráficos, so que gostaria de mostrar os valores no gráfico sem a necessidade de colocar o mouse em cima,

alguém sabe me informar qual propriedade posso utilizar, eu dei uma olhadinha tem essa ShowDataLabels, só que é apenas valida em graficos de pizza.

Desde já agradeço!

Ou se alguém souber de algum componente bacana pra montar gráficos ficarei grata;

3 Respostas

T

Olá!
Tive o mesmo problema conforme tópico abaixo:

Tentei alterar de diferentes formas o chart do primefaces, porém não obtive sucesso, é um framework ótimo para usar, mas customiza-los não é facil!!
Resolvi optar por usar um jar deste http://www.jsplugins.com/Scripts/Plugins/View/Jquery-Charts/ no site tem exemplos. Também esse chart funciona em IE,FF e GC.
Esse cara é pra fazer graficos com o jquery, é bem tranquilo e este mostra o label.
Eu resolvi usando um Servlet pra montar o gráfico uma vez que é necessário apenas ter a lib js no projeto e colocar o conteudo do gráfico em tags caption.

<table id="example">
    <caption>Horizontal Bars</caption>
    <thead>
     <tr>
      <th>Breed</th>
      <th>Populatiry</th>
     </tr>
    </thead>
    <tfoot>
     <tr>
      <td>Total</td>
      <td>250</td>
     </tr>
    </tfoot>
    <tbody>
     <tr>
      <td>Mongrel</td>
      <td><a href="#">90.5</a></td>
     </tr>
     <tr>
      <td>Labrador</td>
      <td>79.5</td>
     </tr>
     <tr>
      <td>Whippet</td>
      <td>50</td>
     </tr>
     <tr>
      <td>Spaniel</td>
      <td>20</td>
     </tr>
     <tr>
      <td>Terrier</td>
      <td>10</td>
     </tr>
     <tr>
     </tr>
    </tbody>
   </table>

Espero ter ajudado. E caso você consiga resolver o problema usando o primefaces, por favor poste.

tsc20

Olá tirq obrigada pela sugestão estou tentando, então eu sou meio novata nisso, eu estou usando o jsf, eu coloquei o link ligando com jquery, poderia confirmar se é como fiz abaixo(eu uso Paginas JSF).

<h:head>
        <title>Graficos Faturamento</title>
        <script type="text/javascript" src="jcharts.js"></script>
        <script type="text/javascript">
            $("#stats").charts();
        </script>
    </h:head>

<h:body>
        <h:form id="form">
            <p:barChart id="cmv" value="#{graficosfaturamentoBean.graficoCMV}" legendPosition="ne"  
                        orientation="horizontal" title="CMV" min="2000000" max="20000000" style="height:200px;" />  
            
            <p:panelGrid columns="1">
                <p:panel header="">
                    <table id="stats">     
                        <caption>Estatística</caption>
                        <thead>                 
                            <tr>                
                                <th>Navegador</th>             
                                <th>Usuários</th>                 
                            </tr>           
                        </thead>         

                        <tfoot>        
                            <tr>                   
                                <td>Total</td>                    
                                <td>100</td>               
                            </tr>       
                        </tfoot>            
                        <tbody>              
                            <tr>                  
                                <td>Mozilla Firefox</td>          
                                <td>45</td>             
                            </tr>              
                            <tr>                  
                                <td>Chrome</td>             
                                <td>35</td>                     
                            </tr>             
                            <tr>               
                                <td>Internet Explorer</td>            
                                <td>10</td>         
                            </tr>       
                            <tr>                 
                                <td>Opera</td>                  
                                <td>5</td>              
                            </tr>               
                            <tr>                
                                <td>Safari</td>           
                                <td>5</td>                     
                            </tr>            
                        </tbody>          
                    </table>
                </p:panel>
            </p:panelGrid>

        </h:form>
    </h:body>

Grata

T

Olá,
pelos testes que fiz aqui não consegui fazer funcionar usando JSF. Para funcionar você terá que gerar o html usando servlet.
Você continua tendo todo seu projeto em JSF e adiciona um servlet apenas para gerar o html necessário para gerar o gráfico…

Eu tenho em casa o código do servlet e posto aqui assim que conseguir(sobrar um tempinho :wink: )

Criado 3 de janeiro de 2013
Ultima resposta 4 de jan. de 2013
Respostas 3
Participantes 2