Google Charts

Consultas
#1

Alguém conseguiu implementar com sucesso Google Charts?

Caso sim, poderia me dar um exemplo, tipo: que aplicação usou (blank?), como jogou os dados para o gráfico, etc…

Uso os exemplos que o próprio Google disponibiliza e funciona perfeitamente com arquivos php “avulsos”, mas dentro do scriptcase não funciona…

Obrigado

#2

eu tenho este exemplo:
Composição Corporal
Parte do programa:
{grafico_composicao_corp}=’’;

O Campo {grafico_composicao_corp} é criado na aplicação, é do tipo TEXTO e muito importante q este seja marcado como “Campo Label”.
Eu monto numa string uma tag e o src desta tag é o link do gráfico no google. (veja abaixo o link do google)
Os campos {massa_gorda} e {massa_magra} são campos tipo “DECIMAL” com os seu respectivos valores.

O link puro pra vc entender melhor com valores fixos 20 e 80:
http://chart.apis.google.com/chart?chs=490x200&cht=p3&chco=4682B4&chds=0,100&chd=t:20,80&chl=20Kg|80Kg&chdl=Massa Gorda|Massa Magra

Onde eu tenho somente dois valores 20 e 80
&chd=t:20,80 (valores como numéricos)
&chl=20Kg|80Kg (Título para o Gráfico)
&chdl=Massa Gorda|Massa Magra (Título das legendas)

Espero ter ajudado

Abraços

Ricardo Zorzella

#3

Eu consegui normalmente, mas colocando o exemplo em uma aplicação Blank.

#4

Bom dia rzorzella,

Dessa forma eu consegui também e esqueci de citar isso, desculpe.
O problema é que montando o gráfico dessa forma (Image Chart) existem limitações, principalmente quando dados vem do banco e os gráficos precisam ser mais elaborados.
Tem que ser mesmo com o Google Charts novo…

De qualquer forma agradeço a intenção.

Pois é Kleyber,

Foi o que imaginei, a principio, usando a aplicação blank. Devo ter feito algo errado e não funcionou.
Vou tentar novamente e posto aqui caso dê certo.

Obrigado a todos!

#5

Kleyber, o que você colocou no blank foi o html com o javascript?
Porque e fiz isso e não aparece o gráfico…

Tentei colocar esse código em um controle onde eu tenho um campo que recebe as informações (a partir de uma consulta) que desejo que apareçam no gráfico, porém não funciona. O que você sugere? Devo fazer dois arquivos php separados e chamá-los no blank, no controle?

#6

Aline,

Assim que chegar em casa eu pego o exemplo que coloquei na blank e disponibilizo aqui. Assim você mesma testa e veja como ficou.

#7

Olá Kleyber, como ficou o seu código?

#8

Aline,

Coloquei o código dentro de uma aplicação blank e executei. Coloquei minha tabela pra pegar os dados e funcionou. Segue o código:

?>
<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization',
       'version':'1','packages':['timeline']}]}"></script>
<script type="text/javascript">

google.setOnLoadCallback(drawChart);
function drawChart() {
  var container = document.getElementById('exemplo');
  var chart = new google.visualization.Timeline(container);
  var dataTable = new google.visualization.DataTable();

  dataTable.addColumn({ type: 'string', id: 'Term' });
  dataTable.addColumn({ type: 'string', id: 'Name' });
  dataTable.addColumn({ type: 'number', id: 'Start' });
  dataTable.addColumn({ type: 'number', id: 'End' });

  dataTable.addRows([
	<?
       $check_sql = "SELECT tarefa,inicio,fim"
                  . " FROM tab_orcamento_tarefas"
                  . " WHERE idtorcamento_fk_tarefa = " . [idorcamento];
       sc_select(rs, $check_sql);
       if ({rs} === false)
       {
          echo "Erro de acesso. Mensagem = " . {rs_erro};
       } else {
		  $numero = 1;
          while (!$rs->EOF){
			    $linha = "['".$numero."',"
			    ."'".$rs->fields[0]."',"
			    .$rs->fields[1].","
			    .$rs->fields[2]." ],";
			    echo $linha."\n";
                $rs->MoveNext();
			    ++$numero;
          }
          $rs->Close();
       }
	   $altura = 45;
	   $nheight = $numero * $altura;
  ?>
  ]);

  var options = {
      fontSize: 11, hAxis: { minValue: 0, maxValue: 25},
      gridlines: {color: '#ffffff', count: 1} };
	
  chart.draw(dataTable);
}

</script>

<div id="exemplo" style="width: 900px; height: <?php echo $nheight ?>px"></div>

<?php
#9

Obrigada Kleyber!
Vou tentar adaptar às minhas necessidades e retorno se consegui ou não gerar os gráficos.

#10

Funcionou certinho! Muito obrigada pela ajuda!

#11

Disponha!