phCriar grafico de linhas com google Charts + php
07/10/2015
0
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
Post mais votado
08/10/2015
http://www.highcharts.com/
Implementação em php para facilitar a utilização da biblioteca
http://www.goncaloqueiros.net/highcharts.php
David Sylvestre
Mais Posts
07/10/2015
Marcelo Pastore
[img]http://arquivo.devmedia.com.br/forum/imagem/323571-20151007-191113.jpg[/img]
08/10/2015
Gisely Santos
08/10/2015
David Sylvestre
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.
09/10/2015
David Sylvestre
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
09/10/2015
Gisely Santos
:(
09/10/2015
Gisely Santos
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>
09/10/2015
Gisely Santos
:(
09/10/2015
Jothaz
Assim veremos o que esta sendo renderizado.
09/10/2015
Gisely Santos
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! :)
Clique aqui para fazer login e interagir na Comunidade :)
