Array
(
    [0] => stdClass Object
        (
            [Votos_Balanceados] => 1
            [id] => 533912
            [titulo] => phCriar grafico de linhas com google Charts + php
            [dataCadastro] => DateTime Object
                (
                    [date] => 2015-10-08 07:40:02
                    [timezone_type] => 3
                    [timezone] => America/Sao_Paulo
                )

            [isFirstPost] => -1
            [idUsuario] => 281152
            [status] => A
            [isExample] => 
            [NomeUsuario] => David A. Sylvestre
            [Apelido] => 
            [Foto] => 
            [Conteudo] => Caso queira utilizar apenas a biblioteca.
[url:descricao=http://www.highcharts.com/]http://www.highcharts.com/[/url]

Implementação em php para facilitar a utilização da biblioteca
[url:descricao=http://www.goncaloqueiros.net/highcharts.php]http://www.goncaloqueiros.net/highcharts.php[/url] ) )

phCriar grafico de linhas com google Charts + php

Gisely :d
   - 07 out 2015

Ola. Alguem já utilizou a ferramenta do google charts para criação de gráficos junto ao php?
Preciso de ajuda para poder criar um gráfico de linhas dinâmico... não sei como fazer para pegar a consulta SQL e mostrar no gráfico...
alguém já fez? Tem algum exemplo?
Desde já agradeço!

Post mais votado

David Sylvestre
   - 08 out 2015

Caso queira utilizar apenas a biblioteca.
http://www.highcharts.com/

Implementação em php para facilitar a utilização da biblioteca
http://www.goncaloqueiros.net/highcharts.php

Marcelo Pastore
   - 07 out 2015

Existe com JQuery.

Clique na imagem para abrir em uma nova janela

Gisely :d
   - 08 out 2015

é que de todos os lugares que já pesquisei, os exemplos são com valores fixos, preciso de uma ajuda quanto a implementação dinâmica,com os dados do DataBase. Até encontrei um vídeo porem o gráfico era de barras. O gráfico de linhas me confundi um pouco por conta dos valores que devem ser mostrados nos eixos x e y.

David Sylvestre
   - 08 out 2015


Citação:
é que de todos os lugares que já pesquisei, os exemplos são com valores fixos, preciso de uma ajuda quanto a implementação dinâmica,com os dados do DataBase. Até encontrei um vídeo porem o gráfico era de barras. O gráfico de linhas me confundi um pouco por conta dos valores que devem ser mostrados nos eixos x e y.


Vai nos exemplos, vai ter um modelo dinamico. A diferença é que nesse modelo ele cria um pseudo código para gerar esses dados, mas no seu caso, basta extrair do banco e passar os valores para a função.

Gisely :d
   - 08 out 2015

Ok. Obrigada pelos links! ^^

Marcelo Pastore
   - 08 out 2015

Como fazer a integração com o PHP?

David Sylvestre
   - 09 out 2015


Citação:
Como fazer a integração com o PHP?

Também tive essa duvida no principio pelos demos terem apenas parte do código fonte, mas é possível ver o código completo no github[1]
A pasta demo está bem organizada, qualquer duvida posta ai.

[1]https://github.com/ghunti/HighchartsPHP

Gisely :d
   - 09 out 2015

é... ainda assim ta meio complicado de fazer esse gráfico aparecer....
:(

Marcelo Pastore
   - 09 out 2015

Obrigado David.

Gisely :d
   - 09 out 2015

Bom pessoal... tentei fazer... com a busca dos dados do banco, no entanto, não mostra o grafico, apenas o titulo dele... Deve ser algum problema na mesclagem do codigo php dentro do javascript, mas ainda nao consegui identificar o que seria... Alguem poderia me ajudar a enxergar?
Desde ja agradeço, e abaixo segue o codigo da pagina de teste.

#Código

<?php
include_once('../connection/connected.php');

$lista = array();
$vl = array();
$i = 0;
$k = 0;

$sql= "
 SELECT
	uf, 
	qtd_habitantes  AS 'qtd'
 FROM tbl_habitantes_estados
 WHERE DATE(inicio_pesquisa) = '$data_pesquisa'
	GROUP BY uf
	ORDER BY qtd DESC ";
$query_consulta = mysql_query($sql) or die(error_msg( mysql_error(), $sql, __LINE__ ));
$linhas_consulta = mysql_num_rows($query_consulta);
while ( $result_consulta = mysql_fetch_object($query_consulta)){
	$uf = $result_consulta['uf'];
	$qtd= $result_consulta[qtd'];
	$lista[$i] = $uf;
	$vl[$i] = $qtd;
	$i = $i+1;
}
?>
		
		<!-- amCharts javascript sources -->
		<script src="http://www.amcharts.com/lib/3/amcharts.js" type="text/javascript"></script>
		<script src="http://www.amcharts.com/lib/3/serial.js" type="text/javascript"></script>
		<script src="http://www.amcharts.com/lib/3/themes/light.js" type="text/javascript"></script>

		<!-- amCharts javascript code -->
		<script type="text/javascript">
			AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"categoryField": "category",
					"startDuration": 1,
					"classNamePrefix": "",
					"theme": "light",
					"categoryAxis": {
						"gridPosition": "start",
						"parseDates": false
					},
					"chartCursor": false,
					"chartScrollbar": false,
					"trendLines": false,
					"graphs": [
						{
							"fillAlphas": 1,
							"id": "",
							"title": "graph 1",
							"type": "column",
							"valueField": "column-1"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "ValueAxis-1",
							"title": "Titulo Lateral"
						}
					],
					"allLabels": [],
					"balloon": {},
					"titles": [
						{
							"id": "Title-1",
							"size": 15,
							"text": "Titulo do Grafico"
						}
					],
					"dataProvider": [

//Aqui as colunas devem ser mostradas como a linha de baixo.
//					{"category": "TO","column-1": 4}

					<?php 
					$k = $i;
					for($i=0;$i<$k;$i++){?>
					{"category":"<?php echo $lista[$i]?>","column-1":<?php echo $vl[$i]?>},
					<?php
					}?>
					]

				}
			);
	</script>
	<div id="chartdiv" style="width: 900; height: 400px; background-color: #FFFFFF;" ></div>

Gisely :d
   - 09 out 2015

gente, consertei o $qtd= $result_consulta['qtd']; // faltava uma aspa simples e atribui uma data no campo $data_pesquisa, mas ainda assim o grafico nao aparece.
:(

Jothaz
   - 09 out 2015

Rode a página e no browser clique com botão direito do mouse e opção "Exibir código fonte da página" e post.
Assim veremos o que esta sendo renderizado.

Gisely :d
   - 09 out 2015

Consegui! :)
ao inves de mysql_fetch_object, utilizei o mysql_fetch_assoc, e dei um var_dump nas minhas variaves e vi que elas estavam recebendo os valores, ai foi só salvar e atualizar!

Obrigada pela colaboração de todos! :)