Pesquisar por cursos... Pesquisando por Sem resultados para Ver todos os cursos com

Fórum

arrow_back

Gráfico dinâmico

wesley mendonça

06/06/2022 12:39:31

Alguém pode me dar uma força, queria fazer essa mesmo modelo da documentação mas trazendo os valores da fonte de dadosou do bloco de consulta.

https://docs.cronapp.io/display/CRON2/cronapi.chart.Operations.createChartSerie


Icaro Antunes

10/06/2022 10:58:21

Olá, Wesley, tudo bem? Vou te mostrar um exemplo que com certeza irá ajudar na sua aplicação. No entanto, caso deseje fazer consultas mais complexas, você pode olhar essa documentação: https://docs.cronapp.io/pages/viewpage.action?pageId=172739404 .


Vamos lá: Primeiramente criamos a diagramação:

Nesse exemplo vão ser Produtos e Vendas, com isso vou montar um gráfico que irá te mostrar os a quantidade de produtos vendidos em um dia e os seus valores, algo bem parecido com que seu sistema precisa. Gere a camada de persistência e também uma página para cada entidade(para fazer os cadastros e eles serem salvos no banco, dai vamos pegar os dados do banco para criar nosso gráfico)

Após ter feito toda a configuração do gráfico(que vi que você já fez) , vamos fazer alguns cadastros na aplicação


Agora que já temos esses dados salvos no nosso banco, vamos criar uma função criaGrafico para fazer a consulta. Quero fazer o gráfico com a Entidade venda, em que vou agrupar as datas e ver quantas vendas tive naquele dia, por exemplo. Para isso, criei uma variável que vai receber os valores da consulta a ser realizada. Essa consulta, como explicado, vai buscar na entidade Venda a data, fazer uma contagem de v.id, ou seja, quantos ids tem nas vendas(cada venda tem seu id) e agrupar por data, assim cada dia irá ter uma quantidade.


Note que toda regra é feita nessa parte de consulta, agora vamos apenas mostrar no gráfico. Como te disse, caso precise de uma consulta mais complexa, basta ver nossa documentação, pois lá temos o acesso à mais objetos dentro objetos, dados dentro de dados, etc.



Nesse passo, apenas estamos preechendo a legenda e a série(algo que vi que você já fez também)

Na legenda, usei obter coluna de dados do bloco de banco de dados, pois de lá que vamos trazer dados, pego a consulta da variável dados que criei lá em cima, visto que ela tem acesso à todos os dados da nossa entidade. Se você quisessa mais entidades, era só criar mais variáveis e fazer mais consultas, e na hora de botar no gráfico, obter dados dessa entidade que você deseja. Faça o mesmo para série, porém no nome do campo você irá escolher outro, o que desejar mostrar de acordo com a consulta!


Por fim,volte na página onde botou o componente gráfico. Clique sobre o gráfico, vá em eventos e escolha o ao iniciar. Relacione com o bloco de programação que criamos, que no caso é um BLOCO DE PROGRAMAÇÃO SERVIDOR, pois ele mexe com dados. Selecione nossa função e por fim clique em ok. Salve tudo. Note que botei o gráfico na página home, portanto quando salvar e executar o projeto e ir para a página home, os gráficos estarão lá.