Inscrições abertas para nosso Webinar anual Adianti Framework 2024!
Clique aqui para saber mais
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. ?>


Pacotão Dominando o Adianti Framework 7
O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado! Versão 7.4


Dominando o Adianti 7 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. :/