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:
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:
- <?php
- class GooglePieChart extends TPage {
- function __construct() {
- parent::__construct();
- TPage::include_js('app/lib/js/google_pie.min.js');
- $table = new TTable;
- $googlePie = new TElement('div');
- $googlePie->id = 'piechart';
- $googlePie->style = "width:900px;height:500px";
- $table->addRowSet($googlePie);
- $script = new TElement('script');
- $script->type = 'text/javascript';
- $script->add('
- google.load("visualization", "1", {packages:["corechart"]});
- google.setOnLoadCallback(drawChart);
- function drawChart() {
- var data = google.visualization.arrayToDataTable([
- ["Task", "Hours per Day"],
- ["Work", 11],
- ["Eat", 2],
- ["Commute", 2],
- ["Watch TV", 2],
- ["Sleep", 7]
- ]);
- var options = {
- title: "My Daily Activities"
- };
- var chart = new google.visualization.PieChart(document.getElementById("piechart"));
- chart.draw(data, options);
- }
- ');
- $table->addRowSet($script);
- $vbox = new TVBox;
- $vbox->add($table);
- parent::add($vbox);
- }
- }
- ?>
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,
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. :/