Script google charts Galera, estou com dificuldades em implementar gráficos do google. Os gráficos não aparecem, quando executo a classe some todo o projeto no navegador, não sei se esta havendo conflitos com as outras bibliotecas do Adianti, porque quando copiei todo exemplo que o google disponibiliza do gráfico para ser implementado no layout do framework funciona, agora quando tento implementar a biblioteca p...
J
Script google charts  
Galera, estou com dificuldades em implementar gráficos do google.
Os gráficos não aparecem, quando executo a classe some todo o projeto no navegador, não sei se esta havendo conflitos com as outras bibliotecas do Adianti, porque quando copiei todo exemplo que o google disponibiliza do gráfico para ser implementado no layout do framework funciona, agora quando tento implementar a biblioteca para exibir dentro do template II não exibe os gráficos. Somente dentro do content do layout do template II que não exibe, já implementei outras bibliotecas e sempre funcionou, só essa dos gráficos do google que não estão funcionando no framework, nas condições acima citadas.

Segue o código com dados estáticos para exibir o gráfico, e em anexo a biblioteca js, para quem puder tentar da uma força ai e fazer funcionar vou ficar muito agradecido, abraço.

código:

 
  1. <?php
  2. class GooglePieChart extends TPage {
  3. function __construct() {
  4. parent::__construct();
  5. TPage::include_js('app/lib/js/google_pie.min.js');
  6. $table = new TTable;
  7. $googlePie = new TElement('div');
  8. $googlePie->id = 'piechart';
  9. $googlePie->style = "width:900px;height:500px";
  10. $table->addRowSet($googlePie);
  11. $script = new TElement('script');
  12. $script->type = 'text/javascript';
  13. $script->add('
  14. google.load("visualization", "1", {packages:["corechart"]});
  15. google.setOnLoadCallback(drawChart);
  16. function drawChart() {
  17. var data = google.visualization.arrayToDataTable([
  18. ["Task", "Hours per Day"],
  19. ["Work", 11],
  20. ["Eat", 2],
  21. ["Commute", 2],
  22. ["Watch TV", 2],
  23. ["Sleep", 7]
  24. ]);
  25. var options = {
  26. title: "My Daily Activities"
  27. };
  28. var chart = new google.visualization.PieChart(document.getElementById("piechart"));
  29. chart.draw(data, options);
  30. }
  31. ');
  32. $table->addRowSet($script);
  33. $vbox = new TVBox;
  34. $vbox->add($table);
  35. parent::add($vbox);
  36. }
  37. }
  38. ?>


Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!


Dominando o Adianti Framework Quero me inscrever agora!

Comentários (2)


PD

1) Observe o console de erros do browser;
2) Encapsule a chamada com um ready (https://learn.jquery.com/using-jquery-core/document-ready/);
3) Experimente carregar o JS no layout.html.

Att,
J

Eu tentei com ready também, já carreguei o js no layout e da no mesmo, quando executo a classe limpa todo o browse, fica carregando infinitamente, não exibindo nada no console do browser. :/