phCriar grafico de linhas com google Charts + php
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!
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!
Gisely Santos
Curtidas 0
Melhor post
David Sylvestre
08/10/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
http://www.highcharts.com/
Implementação em php para facilitar a utilização da biblioteca
http://www.goncaloqueiros.net/highcharts.php
GOSTEI 1
Mais Respostas
Marcelo Pastore
07/10/2015
Existe com JQuery.
[img]http://arquivo.devmedia.com.br/forum/imagem/323571-20151007-191113.jpg[/img]
[img]http://arquivo.devmedia.com.br/forum/imagem/323571-20151007-191113.jpg[/img]
GOSTEI 0
Gisely Santos
07/10/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.
GOSTEI 0
David Sylvestre
07/10/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.
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.
GOSTEI 1
Gisely Santos
07/10/2015
Ok. Obrigada pelos links! ^^
GOSTEI 0
Marcelo Pastore
07/10/2015
Como fazer a integração com o PHP?
GOSTEI 0
David Sylvestre
07/10/2015
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
GOSTEI 1
Gisely Santos
07/10/2015
é... ainda assim ta meio complicado de fazer esse gráfico aparecer....
:(
:(
GOSTEI 0
Marcelo Pastore
07/10/2015
Obrigado David.
GOSTEI 0
Gisely Santos
07/10/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.
Desde ja agradeço, e abaixo segue o codigo da pagina de teste.
<?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>
GOSTEI 0
Gisely Santos
07/10/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.
:(
:(
GOSTEI 0
Jothaz
07/10/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.
Assim veremos o que esta sendo renderizado.
GOSTEI 0
Gisely Santos
07/10/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! :)
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! :)
GOSTEI 0