Lançado Adianti Framework 7.6!
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. ?>


Curso completo Meu Negócio Pronto
Use para si, ou transforme em um negócio: Inclui aulas e códigos-fontes
Gestor de conteúdo (SITE) + Loja Virtual (E-Commerce) + Emissor de Notas para infoprodutos


Meu negócio pronto 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. :/