Gerar gráficos dinâmicos

[Rodrigo M. Campos 0]

Boa tarde pessoal.

 

Estou precisando de umas dicas.

 

Estou colocando uns gráficos em um sistema que estou desenvolvendo, e estes gráficos puxam informações do banco de dados (PHP MYSQL).

 

No momento estou usando os gráficos do google, mas os gráficos não tem um leiaute muito bonito.

 

Há muitas opções na web, como canvas, morris etc.

 

Minha dúvida é se consigo utilizar estes outros gráficos desenvolvidos em js, trazendo os dados do mysql e utilizando PHP.

[Beraldo 864]

Consegue, sim. Aliás, o próprio Google Charts é em JavaScript. Logo, você pode usar outras libs de gráficos

 

PS: você achou os gráficos do Google ruins? Eu acho um dos melhores :)

[Diogo Libana 10]

Concordo com o Beraldo.

Utilizei outras apis e hoje utilizo Google Charts nos meus projetos, para mim o visual é muito bacana "no padrão" e ainda com muitas possibilidades de personalização.

 

;)

[Rodrigo M. Campos 0]

Não que eu ache os gráficos ruins, mas com relação a outros gráficos eu acho ele inferior, porém mais simples de trabalhar.

 

Não consegui utilizar os outros.

 

Por exemplo, as informações do gráfico são informadas no arquivo js. Não consigo colocar informações php neste arquivo.

[Beraldo 864]

Há várias formas de fazer. Você pode colocar esse trecho de JS dentro do seu arquivo PHP. Outra alternativa é criar um script PHP que retorne as informações do gráfico em JSON, por exemplo. Aí o arquivo JS faz uma requisição pra ele e pega esses dados.

[Rodrigo M. Campos 0]

Amigo me desculpe a inocência mas não estou conseguindo.

 

Veja o meu código

<?php
    
    require 'conectabanco.php';
    conecta();
    
    setlocale(LC_ALL, 'portuguese');
    date_default_timezone_set('America/Sao_Paulo');

    $consulta = mysql_query("SELECT *, FROM despesa 
                             group by data order by data asc");
    
    while($resultado = mysql_fetch_array($consulta)){
        
        $data = $resultado["data"];
        $valor = $resultado["Total"];
        
    $mes = strftime('%b/%Y', strtotime($data)); }
                
?>

<script> 
 
  Morris.Area({
  element: 'chart',
  data: [
    { y: '2006', a: 100, b: 90 },
    { y: '2007', a: 75,  b: 65 },
    { y: '2008', a: 50,  b: 40 },
    { y: '2009', a: 75,  b: 65 },
    { y: '2010', a: 50,  b: 40 },
    { y: '2011', a: 75,  b: 65 },
    { y: '2012', a: 100, b: 90 }
  ], 
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B']
});
  
</script>

Onde está os anos, e os valores quero incluir as variáveis php, mas já tentei de mil formas. Quando incluo o gráfico não exibe mais.

[Beraldo 864]

Tente assim:

 

$consulta = mysql_query("SELECT *, FROM despesa
                             group by data order by data asc");
   
echo "<script>";
echo "var chartData = [";
    while($resultado = mysql_fetch_array($consulta)){
       
        $data = $resultado["data"];
        $valor = $resultado["Total"];
       
    $mes = strftime('%b/%Y', strtotime($data));
    echo "{ y: '" . $mes . "', a: " . $data . ", b: " . $valor . " }";
}
echo "]";
echo "</script>";         
?>
<script>

  Morris.Area({
  element: 'chart',
  data: chartData,
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B']
});
 
</script>

[Rodrigo M. Campos 0]

Mesmo problema, o gráfico não é gerado.

 

Está dando uma canseira isto =/

[Beraldo 864]

veja o console de erro do JavaScript

[Rodrigo M. Campos 0]

Beraldo consegui fazer.

 

Estava apenas faltando uma virgula no final do echo :S

echo "{ y: '" . $mes . "', a: " . $data . ", b: " . $valor . " },";

Muito obrigado pela atenção.