Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vanderlan

Gráfico Google Charts (PHP MySQL)

Recommended Posts

Olá,

 

Solicito humildemente ajuda com a seguinte situação:

 

 

Eu tenho um gráfico feito com o Google Charts e estou tendo dificuldades para formar um informação.

 

 

Eu tenho um banco com uma coluna chamada prazoobra e quero trazer um intervalo dessa coluna.

 

 

TIpo: Anterior à 01/01/2015.

 

O campo é uma VARCHAR.

 

 

Vou deixar aqui o código que estou usando mas não sei como trazer da forma que espliquei as informações.

<?php

require 'init.php';

$sql = "SELECT municipio,
               COUNT(CASE status WHEN 'EXECUCAO' THEN 1 END) AS execucao 
               FROM " . TABLE_NAME . " GROUP BY municipio";




$PDO = db_connect();

$stmt = $PDO->query($sql);

$data = $stmt->fetchAll(PDO::FETCH_ASSOC);

// print_r($data); exit;

$chartData = "['PRAZO', 'Execução'],";
foreach ($data as $_data)
{
    $chartData .= sprintf("['%s',  %d],", $_data['municipio'], $_data['execucao']);
}

?>
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">

        <title>Gráfico</title>
        
       <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
              <?php echo $chartData ?>
            ]);

            var options = {
              chart: {
              	 backgroundColor: 'ecf0f5',
                title: 'Demanda de Obras ',
                subtitle: 'Por Fiscal',

              }
            };
var chart = new google.visualization.PieChart(document.getElementById('chart'));
        chart.draw(data, options);  
        
        }
          
        </script>
        
        
    </head>

    <body style="background: black;">
    
        
        <div id="chart" style="width: 850px; height: 450px;"></div>

    </body>

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.