Web2py e Highcharts

Thiago Braga

unread,

Apr 4, 2016, 10:32:46 AM4/4/16

to web2py-users-brazil

Eu fiz uma busca nos tópicos e não encontrei nada falando sobre o assunto. Eu gostaria de botar para funcionar o Highcharts no Web2py buscando informações de um DB. Alguém pode me ajudar, com um passo a passo.

Ari Sobel

unread,

Apr 4, 2016, 10:36:51 AM4/4/16

to web2py googlegroups

Ola Thiago, bom dia,

Não vou te responder diretamente, e sim te dar outra alternativa. HiCharts, se nao me engano é JS client Side, certo?

Tem outro recurso que vc poderia usa que serio o PyGal no Server side, dando saída para SVG.

Quanto a Highcharts, vou pesquisar um pouco, mas basicamente seria vc fazer o levantamento de dados no server side, provavelmente passando os parametros para a query, atravez de um Cotroller + View, dar uma saida//Retonro json, e tratar esses dados no Client Side / View - via JS.

Já tento te dar exemplo.

abcs

Em 4 de abril de 2016 11:32, Thiago Braga <thia...@gmail.com> escreveu:

Eu fiz uma busca nos tópicos e não encontrei nada falando sobre o assunto. Eu gostaria de botar para funcionar o Highcharts no Web2py buscando informações de um DB. Alguém pode me ajudar, com um passo a passo.

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com
Para se desinscrever, envie email a: web2py-users-br...@googlegroups.com
Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-br...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Carlos Costa

unread,

Apr 4, 2016, 11:31:57 AM4/4/16

to web2py-us...@googlegroups.com

Basicamente, uma alternativa que se tem e acho mais viável é você usa ajax, carregando seus valores no formato json.

Na parte cliente você pode seguir normalmente os exemplos do HighCharts com jquery.

Não vai mudar nada.

Na parte do web2py você tem que selecionar os seus dados e depois entregar eles no formato json. Só isso.

data = db(db.tabela.....).select(db.tabela.campo1, db.tabela.campo2)

import simplejson

return simplejson.dumps(data)

Começa a fazer aí e vai postando suas dúvidas.

--

Carlos J. Costa

Cientista da Computação | BS Computer Science
Esp. Gestão em Telecom | PgC Telecom Mangement

<º))><

Thiago Braga

unread,

Apr 4, 2016, 12:15:47 PM4/4/16

to web2py-users-brazil

Eu dei uma lida, sobre o PyGal, mas acontece que aqui na empresa, o analista anterior usava, highcharts e eu tenho que usar o mesmo, tentei depurar o código dele, mas está muito confuso, acho que dificultou mais o meu entendimento. mesmo assim obrigado.

Em segunda-feira, 4 de abril de 2016 09:36:51 UTC-5, ari613 escreveu:

Ola Thiago, bom dia,

Não vou te responder diretamente, e sim te dar outra alternativa. HiCharts, se nao me engano é JS client Side, certo?

Tem outro recurso que vc poderia usa que serio o PyGal no Server side, dando saída para SVG.

Quanto a Highcharts, vou pesquisar um pouco, mas basicamente seria vc fazer o levantamento de dados no server side, provavelmente passando os parametros para a query, atravez de um Cotroller + View, dar uma saida//Retonro json, e tratar esses dados no Client Side / View - via JS.

Já tento te dar exemplo.

abcs

Em 4 de abril de 2016 11:32, Thiago Braga <thia...@gmail.com> escreveu:

Eu fiz uma busca nos tópicos e não encontrei nada falando sobre o assunto. Eu gostaria de botar para funcionar o Highcharts no Web2py buscando informações de um DB. Alguém pode me ajudar, com um passo a passo.

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-brazil+unsub...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-brazil+unsub...@googlegroups.com.

Thiago Braga

unread,

Apr 4, 2016, 12:18:13 PM4/4/16

to web2py-users-brazil

Carlos Costa, estou fazendo uns testes, mas está muito confuso, pois se eu inserir o código, html, do highchart, dentro do padrão dele funciona, só que eu tenho uns layout_pronto.html para inserir e coloco o código mas não funciona.

Em segunda-feira, 4 de abril de 2016 10:31:57 UTC-5, Carlos Costa escreveu:

Basicamente, uma alternativa que se tem e acho mais viável é você usa ajax, carregando seus valores no formato json.
Na parte cliente você pode seguir normalmente os exemplos do HighCharts com jquery.
Não vai mudar nada.

Na parte do web2py você tem que selecionar os seus dados e depois entregar eles no formato json. Só isso.

data = db(db.tabela.....).select(db.tabela.campo1, db.tabela.campo2)
import simplejson
return simplejson.dumps(data)

Começa a fazer aí e vai postando suas dúvidas.

Em 4 de abril de 2016 11:36, Ari Sobel <arieh...@gmail.com> escreveu:

Ola Thiago, bom dia,

Não vou te responder diretamente, e sim te dar outra alternativa. HiCharts, se nao me engano é JS client Side, certo?

Tem outro recurso que vc poderia usa que serio o PyGal no Server side, dando saída para SVG.

Quanto a Highcharts, vou pesquisar um pouco, mas basicamente seria vc fazer o levantamento de dados no server side, provavelmente passando os parametros para a query, atravez de um Cotroller + View, dar uma saida//Retonro json, e tratar esses dados no Client Side / View - via JS.

Já tento te dar exemplo.

abcs

Em 4 de abril de 2016 11:32, Thiago Braga <thia...@gmail.com> escreveu:

Eu fiz uma busca nos tópicos e não encontrei nada falando sobre o assunto. Eu gostaria de botar para funcionar o Highcharts no Web2py buscando informações de um DB. Alguém pode me ajudar, com um passo a passo.

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-brazil+unsub...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-brazil+unsub...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-brazil+unsub...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-brazil+unsub...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

Thiago Braga

unread,

Apr 4, 2016, 2:06:56 PM4/4/16

to web2py-users-brazil

Eu fiz como me disse porém me aparece o seguinte erro TypeError: $(…).higcharts is not a function

$(‘#container’).highcharts({

Ari Sobel

unread,

Apr 4, 2016, 2:41:30 PM4/4/16

to web2py googlegroups

Thiago,

Esse erro é de Python ou de JavaScript? Se for de Python, ta errado.

Vc tem que colocar esse código dentro das tags de Script.

Ou vc usa a função $.ajax / $.get / $.post, buscando no web2py os dados, conform o Carlos explicou.

sds,

--

Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-br...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-br...@googlegroups.com.

Carlos Costa

unread,

Apr 4, 2016, 4:16:58 PM4/4/16

to web2py-us...@googlegroups.com

Isso é problema de registro do plugin do jquery.

Provavelemnte o arquivo .js dele não foi carregado.

Primeira coisa é conferir se existe e está correta a importação desse arquivo no header do html do seu layout.

Depois carregue a página como o console aberto e veja se vai dar erro na hora de carregar ele.

Pode ser que a URL dele esteja errada. Ou que você colocou o plugin na pasta errada.

Thiago Braga

unread,

Apr 4, 2016, 4:47:30 PM4/4/16

to web2py-users-brazil

Saiu esse erro e apareceu outro ReferenceError: jQuery is not defined

	)(jQuery);

Carlos Costa

unread,

Apr 4, 2016, 8:00:20 PM4/4/16

to web2py-us...@googlegroups.com

Pode ser a ordem de inclusão dos scripts.

O jquery deve vir antes do plugin.

Em 4 de abril de 2016 17:47, Thiago Braga <thia...@gmail.com> escreveu:

Saiu esse erro e apareceu outro ReferenceError: jQuery is not defined
)(jQuery);

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com
Para se desinscrever, envie email a: web2py-users-br...@googlegroups.com
Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-br...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Junior Phanter

unread,

Apr 4, 2016, 9:03:55 PM4/4/16

to web2py-us...@googlegroups.com

Dê uma olhada neste tópico amigo... tem alguns exemplos como anexo

https://mail.google.com/mail/u/0/#search/category%3Aforums+hightcharts+in+web2py/1525fc7c7bc1acf8

Ovidio Marinho

unread,

Apr 4, 2016, 10:08:25 PM4/4/16

to web2py-us...@googlegroups.com

isto é hightcharts https://itjp.net.br/conde2016/default/recdesp/%25s

                 http://itjp.net.b r
          Ovidio Marinho Falcao Neto
               ovid...@gmail.com

Brasil

Thiago Braga

unread,

Apr 5, 2016, 10:15:12 AM4/5/16

to web2py-users-brazil

Na realidade, eu tinha tirado o jQuery, sem querer, mas quando eu faço a chamada dele, ele retorna esse erro: TypeError: $(...).highcharts is not a function

	$('#container').highcharts({

Em segunda-feira, 4 de abril de 2016 19:00:20 UTC-5, Carlos Costa escreveu:

Pode ser a ordem de inclusão dos scripts.
O jquery deve vir antes do plugin.

Em 4 de abril de 2016 17:47, Thiago Braga <thia...@gmail.com> escreveu:

Saiu esse erro e apareceu outro ReferenceError: jQuery is not defined
)(jQuery);

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-brazil+unsub...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-brazil+unsub...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

Ari Sobel

unread,

Apr 5, 2016, 10:18:17 AM4/5/16

to web2py googlegroups

o código

	$('#container').highcharts({

Tem que estar depois da chamada da biblioteca

highcharts

Em 5 de abril de 2016 11:15, Thiago Braga <thia...@gmail.com> escreveu:

Na realidade, eu tinha tirado o jQuery, sem querer, mas quando eu faço a chamada dele, ele retorna esse erro: TypeError: $(...).highcharts is not a function
$('#container').highcharts({
Em segunda-feira, 4 de abril de 2016 19:00:20 UTC-5, Carlos Costa escreveu:

Pode ser a ordem de inclusão dos scripts.
O jquery deve vir antes do plugin.

Em 4 de abril de 2016 17:47, Thiago Braga <thia...@gmail.com> escreveu:

Saiu esse erro e apareceu outro ReferenceError: jQuery is not defined
)(jQuery);

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-br...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-br...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

--

Carlos J. Costa
Cientista da Computação | BS Computer Science
Esp. Gestão em Telecom | PgC Telecom Mangement
<º))><

--

Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-br...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-br...@googlegroups.com.

Carlos Costa

unread,

Apr 5, 2016, 10:26:00 AM4/5/16

to web2py-us...@googlegroups.com

Se está carregando tudo (conferiu no console?), então é a ordem que está errada.

Veja neste exemplo: http://codepen.io/ArtemGr/pen/mAhaj

Primeiro carrega o jQuery, depois o plugin, e finalmente o código para usar o plugin.

Thiago Braga

unread,

Apr 6, 2016, 8:26:47 PM4/6/16

to web2py-users-brazil

Obrigado a vcs, o problema era que eu estava chamando o plugin do highcharts depois de usá-lo, fiz a confusão por causa do layout.

Em terça-feira, 5 de abril de 2016 09:26:00 UTC-5, Carlos Costa escreveu:

Se está carregando tudo (conferiu no console?), então é a ordem que está errada.
Veja neste exemplo: http://codepen.io/ArtemGr/pen/mAhaj

Primeiro carrega o jQuery, depois o plugin, e finalmente o código para usar o plugin.

Em 5 de abril de 2016 11:18, Ari Sobel <arieh...@gmail.com> escreveu:

o código
$('#container').highcharts({
Tem que estar depois da chamada da biblioteca
highcharts

Em 5 de abril de 2016 11:15, Thiago Braga <thia...@gmail.com> escreveu:

Na realidade, eu tinha tirado o jQuery, sem querer, mas quando eu faço a chamada dele, ele retorna esse erro: TypeError: $(...).highcharts is not a function
$('#container').highcharts({
Em segunda-feira, 4 de abril de 2016 19:00:20 UTC-5, Carlos Costa escreveu:

Pode ser a ordem de inclusão dos scripts.
O jquery deve vir antes do plugin.

Em 4 de abril de 2016 17:47, Thiago Braga <thia...@gmail.com> escreveu:

Saiu esse erro e apareceu outro ReferenceError: jQuery is not defined
)(jQuery);

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-brazil+unsub...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-brazil+unsub...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

--

Carlos J. Costa
Cientista da Computação | BS Computer Science
Esp. Gestão em Telecom | PgC Telecom Mangement
<º))><

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-brazil+unsub...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-brazil+unsub...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-brazil+unsub...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-brazil+unsub...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

Leonardo Dutra

unread,

Apr 20, 2017, 8:29:21 AM4/20/17

to web2py-users-brazil

você tem isso disponivel no github ou algum exemplo parecido?

Em segunda-feira, 4 de abril de 2016 23:08:25 UTC-3, Ovidio Marinho escreveu:

isto é hightcharts https://itjp.net.br/conde2016/default/recdesp/%25s

                 http://itjp.net.b r
          Ovidio Marinho Falcao Neto
               ovid...@gmail.com
                            Brasil

Em 4 de abril de 2016 22:03, Junior Phanter <junior...@gmail.com> escreveu:

Dê uma olhada neste tópico amigo... tem alguns exemplos como anexo

https://mail.google.com/mail/u/0/#search/category%3Aforums+hightcharts+in+web2py/1525fc7c7bc1acf8

Em 4 de abril de 2016 20:59, Carlos Costa <yamand...@gmail.com> escreveu:

Pode ser a ordem de inclusão dos scripts.
O jquery deve vir antes do plugin.

Em 4 de abril de 2016 17:47, Thiago Braga <thia...@gmail.com> escreveu:

Saiu esse erro e apareceu outro ReferenceError: jQuery is not defined
)(jQuery);

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-brazil+unsub...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-brazil+unsub...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

--

Carlos J. Costa
Cientista da Computação | BS Computer Science
Esp. Gestão em Telecom | PgC Telecom Mangement
<º))><

--

Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-brazil+unsub...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-brazil+unsub...@googlegroups.com.

Para mais opções, acesse https://groups.google.com/d/optout.

--
Você recebeu essa mensagem por estar inscrito no grupo web2py-users-brazil.
Para enviar uma mensagem ao grupo, envie email a: web2py-us...@googlegroups.com

Para se desinscrever, envie email a: web2py-users-brazil+unsub...@googlegroups.com

Para mais opções, visite o site do grupo em: http://groups.google.com/group/web2py-users-brazil?hl=en
---
Você recebeu essa mensagem porque está inscrito no grupo "web2py-users-brazil" dos Grupos do Google.

Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para web2py-users-brazil+unsub...@googlegroups.com.

Reply all

Reply to author

Forward