Gráficos

View video

Essa aplicação foi projetada para criação de gráficos dinâmicos baseados em SQL ou Procedures.

Dentro do Scriptcase Gráficos podem ser criados também dentro da aplicação de consulta, entretanto a aplicação Gráfico possui mais opções de configurações para o usuário final dentro da aplicação gerada. A ideia é aplicar o conceito de Business Inteligence para que os usuários dos gráficos gerados pelo Scriptcase possam ter a liberdade de configurar a visualização dos dados.

As definições de configuração utilizam Drag’n Drop (Arrasta e solta) para montagem dos gráficos dinamicos.

Dimensões

A dimensão é usada para escolher os campos que compõem a dimensão do gráfico, usadas para agrupar os dados em categorias.

O desenvolvedor pode escolher mais de um campo como uma dimensão e para campos do tipo data e hora poderá escolher sua formatação, cada novo campo como uma subcategoria do campo anterior.

Para selecionar um campo, clique em seu nome na coluna Campos do Gráfico e arraste-o para a coluna Dimensões.

Dimensões do gráfico. Formatação do campo

Métrica

As métricas são utilizadas para que o usuário possa visualizar quantitativamente os dados agrupados por dimensões, a partir da Versão 9 do Scriptcase é possível escolher mais de uma métrica para criação dos gráficos e visualização dinâmica dos valores dentro da aplicação gerada.

Para selecionar um campo, clique em seu nome na coluna Campos do Gráfico e arraste-o para a coluna Métricas. Além de selecionar os campos que serão utilizados como uma métrica, o desenvolvedor também pode definir a função utilizada no agrupamento de dados.

Quando quantidade de registros é a métrica selecionada, a função de sumarização é desconsiderada. Se você deseja agrupar todos os valores em um, marque a opção “Total Geral” na opção Gráfico. Esta opção é normalmente usada para gráficos do tipo Gauge.

O checkbox do Valor Inicial é usado para definir o campo padrão, quando não estiver usando um grafico de combinação ou empilhado que usam mais de um campo. Se você escolher mais um campo o Scriptcase define automaticamente um tipo de gráfico de valor múltiplo (Combinação). Para exibição de gráficos de valor único (barra, linha, Spline, Degrau, Área, Pizza, Pirâmide, Funil, Radar e Gauge) você tem que clicar e escolher apenas um campo para aparecer como valor inicial durante a primeira geração.

Métricas do gráfico.

Ordenação

Podemos selecionar por qual valor o gráfico vai ser ordenado ao iniciar a aplicação, e se a ordenação será “ascendente” ou “descendente”.

Ordenação do gráfico.

• Ordenação incial : Ascendente ou Descendente.
• Dimensão : Ordena pelos itens configurados na “Dimensão”.
• Métrica : Ordena pelos itens selelcionados em “Métrica”.

Filtro

Na aba de filtro o desenvolvedor pode escolher os campos que serão usados como filtros estáticos do gráfico. Os valores de filtro para cada campo selecionado devem ser escolhidos em tempo pelo desenvolvedor dentro desta interface.

Para criar filtros dinâmicos utilizados em tempo de execução pelo usuário final dentro da aplicação, recomendamos configuração através da interface de filtros tradicionais localizado no menu “Filtro”.

Filtro do gráfico.

Gráfico

Na aba ‘Gráfico’ o desenvolvedor define as configurações padrão para o gráfico que será gerado, escolhendo o tipo de gráfico padrão, esquema de cores e outros, mais abaixo veja cada uma das opções mais detalhadamente

Tipo de Gráfico

Define o formato do gráfico a ser utilizado, como barras, pizza, linha, gauge, pirâmide, mapa de árvore, entre outros.

Exportar Gráfico

Permite a exportação do gráfico para diferentes formatos, como PNG, JPG, PDF e SVG, possibilitando o armazenamento, compartilhamento e impressão dos dados apresentados.

Tamanho da Fonte

Define o tamanho da fonte utilizada nos elementos do gráfico, como títulos, legendas e valores.

Valor Abreviado

Determina se os valores exibidos no gráfico devem ser abreviados, como:

• 1000 → 1K
• 1000000 → 1M

Legenda

Exibe ou oculta a legenda do gráfico, que identifica as séries de dados apresentadas.

Exibir Valores

Habilita ou desabilita a exibição dos valores diretamente nos elementos do gráfico.

Exceção para Exibição

Tipos de gráficos que não exibirão os valores no gráfico mesmo quando marcado para exibir.

Largura do Gráfico

Define a largura do gráfico em pixels, garantindo um melhor ajuste visual.

Altura do Gráfico

Define a altura do gráfico em pixels, permitindo um dimensionamento adequado.

Ordenação dos Valores

Controla a ordem dos valores apresentados no gráfico, podendo ser:

• Ascendente
• Descendente
• Sem ordenação

Multi-Series ou Drill Down

Permite definir se o gráfico utilizará múltiplas séries de dados ou se terá uma estrutura de Drill Down, permitindo a navegação entre níveis de informação.

• Multi-Series: Exibe múltiplas séries de dados no mesmo gráfico, permitindo a comparação de diferentes conjuntos de informações.
• Drill Down: Permite a interação com os dados, possibilitando que o usuário clique em um elemento do gráfico para visualizar informações mais detalhadas em um novo nível.

Tooltip Expandido

Define se a tooltip (informação exibida ao passar o mouse sobre os elementos) será expansível para mostrar mais detalhes.

Eixo Y Adaptativo

Ajusta automaticamente a escala do eixo Y conforme os valores exibidos no gráfico.

Total Geral

Adiciona um valor totalizador no gráfico, exibindo a soma dos valores apresentados.

Linha de Tendência

Adiciona uma linha de tendência ao gráfico, ajudando a identificar padrões e tendências nos dados.

Pode ser configurada como:

• Linha: Exibe a tendência dos dados em formato de linha.
• Área: Preenche a área abaixo da linha de tendência, destacando visualmente a variação dos dados.
• Sem valor: Nenhuma linha de tendência será aplicada ao gráfico.

Tipo de Linha de Tendência

Este atributo define o tipo de cálculo aplicado à linha de tendência.

Observação: Essa opção só é exibida quando a linha de tendência está configurada como Linha.

Pode ser configurada como:

• Fixo: Exibe uma linha reta em um valor predefinido.
• Média: Calcula e exibe a linha com base na média dos valores do gráfico.
• Linear: Aplica um cálculo linear para indicar a tendência dos dados ao longo do tempo.

Valor Inicial da Linha

Define o valor numérico onde a linha de tendência será posicionada ao utilizar o tipo Fixo.

Esse valor representa um limite ou referência visual dentro do gráfico, auxiliando na análise dos dados.

Barras - Largura (Entre 20 e 70)

Controla a largura das barras no gráfico de barras, podendo variar de 20% a 70% do espaço disponível.

Barras - Orientação do Valor

Define se os valores nas barras serão exibidos verticalmente ou horizontalmente.

Barras - Posicionamento do Valor

Determina a posição dos valores dentro das barras:

• Dentro
• Acima

Barras - Empilhamento

Define a forma de exibição do empilhamento das barras no gráfico.

• Off: Segue o padrão definido, exibindo as barras separadamente.
• On: Exibe um gráfico empilhado padrão, onde os valores são somados verticalmente.
• Percentual: Gera um gráfico empilhado onde as barras ocupam 100% da área disponível, distribuindo os valores proporcionalmente.

Pizza - Formato dos Valores

Define como os valores serão exibidos no gráfico de pizza, podendo ser:

• Valores absolutos
• Porcentagem (%)

Intervalo de Dados

Disponível apenas para gráficos do tipo Gauge.

Ao habilitar essa opção, é exibida uma lista de campos onde devem ser definidos:

• Valor base: Ponto de partida para a medição.
• Intervalo: Faixa de valores a ser considerada.
• Cor de cada intervalo: Define a cor para representar cada intervalo no gráfico.

Essa configuração permite destacar diferentes zonas de valores dentro do Gauge, facilitando a análise visual dos dados.

Gauge - Exibir Marcas de Escala

Ativa ou desativa a exibição das marcas de escala no gráfico do tipo Gauge (medidor).

Pirâmide - Formato de Valores

Define como os valores serão exibidos no gráfico do tipo Pirâmide, Valor ou percentual.

Mapa de Árvore - Título

Define o título principal do gráfico de Mapa de Árvore, melhorando a identificação dos dados apresentados.