Tutorial: Gráfico de Linha

Neste exemplo veremos como criar um gráfico analítico em Linhas utilizando a aplicação de Consulta.


Criando e configurando a aplicação

1. Crie uma nova aplicação de consulta baseada na tabela orders.


2. Para habilitar o Gráfico em uma Consulta, devemos criar, primeiramente, uma Quebra na aplicação. Então acesse a guia “Quebra” no menu da aplicação, depois clique em “Quebra estática>>Nova Quebra”.


3. Selecionaremos os campos “employeeid” e “orderdate” (por mês).


4. Volte para a opção inicial de “Módulos da Grid”.


5. Marque o “Gráfico” como módulo inicial e deixe apenas este módulo habilitado.


6. Acesse a guia “Resumo” no menu da aplicação, depois clique em “Gráficos>>Configuração”.


7. Selecione a opção de gráfico de “Linha” e na opção “Gerar Gráfico” altere para “Analítico”. Altere as demais configurações de acordo com a imagem.


8. Acesse a opção “Campos >> Novo Campo” no menu da aplicação


9. Crie um campo do tipo “Moeda” chamado “total”.


10. Acesse a opção “Eventos >> onRecord” no menu da aplicação.


11. Utilize o seguinte código no evento.

{total} = {freight} + {priceorder};

12. Acesse a guia “Totalização” no menu da aplicação, depois clique em “Campos”.


13. Marque apenas a coluna “Soma” do campo “total”, para que seja criado o somatório dos valores deste campo.


14. Agora acesse novamente a guia “Resumo” no menu da aplicação, depois clique em “Gráficos >> Gráficos das colunas”.


15. Marque para exibir apenas o gráfico “total_sum” do campo “empoyeeid”, de acordo com a imagem.


16. Clique em “Executar aplicação”


Tutoriais na mesma categoria

Quebras – Relatório Clientes x Estados

Esse tutorial demostra como criar um relatório usando Quebras e o Resumo . Criando uma nova Co...

Mostrar Video Youtube na Consulta

Nesse exemplo podemos ver como configurar a exibição de videos do Youtube na Consulta. Criand...

Menu com Aplicações de Gráfico

Neste exemplo utilizaremos uma aplicação de menu treeview para exibir os novos gráficos gera...

Usando o Filtro Refinado

Neste exemplo será desenvolvido um relatório utilizando a opção de filtro refinado, que per...

Comente este post