4

Tenho a tabela no meu banco de dados chamado votes, nela tenho id, name e votes (quantidade de votos), queria plotar esses valores sendo, nome e valor em uma grafico pizza ou seja qual é a porcentagem de votos tem cada nome

<?
      $SQL1 = "SELECT * FROM votes";

       $result1 = mysql_query($SQL1);
       $data1 = array();
       $data2 = array();
       while ($row = mysql_fetch_array($result1)) {
           $data1[] = $row['name'];
           $data2[] = hexdec($row['votes']);
       } 
?>

<script src="js/grafico/highcharts.js"></script>
<script src="js/grafico/exporting.js"></script>

<script type="text/javascript">
 $(function () {
    $('#graficoPizza').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false
        },
        title: {
            text: 'Grafico Plataforma SMS'
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Quantidade enviados',
            data: [
                [<?php echo join("','", $data1) ?>,  <?php echo join(',',$data2) ?>]
            ]
        }]
    });
});
</script>

<div id="graficoPizza" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
5
  • 1
    poderia postar o json que é retornado por data: [[<?php echo join("','", $data1) ?>, <?php echo join(',',$data2) ?>]] ? É um fator essencial para poder saber o que está acontecend com seu código Commented 25/04/2014 às 20:17
  • crissite.com/GFILA/index.php?pag=grafico
    – Cristiano
    Commented 25/04/2014 às 20:46
  • Sou meio leigo em javascript estou aprendendo agora mais o json é o que o retorna ou seja valores?
    – Cristiano
    Commented 25/04/2014 às 20:49
  • O seu data deve ser assim data:[{ name: 'Fulano', data: [49.9] }, { name: 'Cicrano', data: [83.6] }, { name: 'Beltrano', data: [48.9] }, { name: 'Arlindo', data: [42.4] }] Commented 25/04/2014 às 20:58
  • tabela do banco de dados: votes id=1 name= cristiano vote=1,
    – Cristiano
    Commented 25/04/2014 às 21:18

1 Resposta 1

5

Para que seu gráfico pizza do hightcharts funcione bem você precisa que seu esteja sendo gerado corretamente de acordo com o modelo

series: [{
    type: 'pie',
    name: 'Browser share',
    data: [
        ['Fulano',   27],
        ['Cicrano',       32],
        ['Beltrano',    25],
        ['Toinho',     12]
    ]
}]

Como você pode ver no grafico dos pé de cana esse formato define como as informações serão apresentadas no grafico

Desta forma você teria que formatar seu dados para que eles possam se adequar ao gráfico.
Este deve ser seu

$SQL1 = "SELECT * FROM votes";

$result1 = mysql_query($SQL1);
$data = array();
while ($row = mysql_fetch_array($result1)) {
   $data[] = array($row['name'], hexdec($row['votes']));
}

$jSon = json_encode($data);

E o seu deve ficar assim:

$(function () {
    $('#graficoPizza').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false
        },
        title: {
            text: 'Grafico Plataforma SMS'
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Quantidade enviados',
            data: <?php echo $jSon;?>
        }]
    });
});

Isso resolve seu problema e você terá um gráfico assim

2
  • Cara você é 10.... se tiver alguma maneira de que eu possa te gratificar por essa ajuda me fale E-mail: [email protected] Muito obrigado!!!
    – Cristiano
    Commented 26/04/2014 às 16:31
  • Marca a resposta como correta que pra mim é mais que suficiente, hehe. Estamos aqui para ajudar, assim é que a comunidade se fortalece. Commented 26/04/2014 às 21:58

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .