Configurar o Layout do Dashboard¶
Conhecendo a Funcionalidade¶
Essa funcionalidade permite a personalização do layout do dashboard de forma gráfica, intuitiva e simplificada.
Área de Layout¶
A área de layout permite adicionar widgets ao dashboard, possibilitando configurar suas dimensões (altura e largura) e ajustar a posição de cada elemento de forma individual.
Menu de Widgets¶
O menu lateral esquerdo exibe os widgets disponíveis para uso no dashboard, para utilizar basta clicar no widget desejado e configurar suas informações. As variáveis estão separadas nos grupos:
Tabela¶
- Nome: Indica o nome do widgets.
- Descrição: Indica a descrição do widtget.
- Consulta: Define a consulta utilizada para geração dos dados do widget.
Dados¶
- Atualização Automática: Indica o tempo para atualização automática dos dados do widgets.
- Número de Registros: Indica o número de registros exibidos, a altura deste widgets é definida de forma fixa através deste campo.
Valores¶
- Coluna: Indica a coluna da consulta.
- Descrição: Permite personalizar a descrição da coluna.
- Formatação: Indica a formatação da coluna.
Filtros¶
- Coluna: Indica a coluna de filtro da consulta.
- Valor: Indica o valor de filtro a ser aplicado. Este campo possibilita o uso de variáveis dinâmicas e operadores para configuração dos filtros, aprenda aqui quais são e como utilizar.
Ordenações¶
- Coluna: Indica a coluna de ordenação da consulta.
- Ordenação: Indica a ordem dos dados a ser aplicada.
Gráfico de Barra¶
- Nome: Indica o nome do widgets.
- Descrição: Indica a descrição do widgets.
- Consulta: Define a consulta utilizada para geração dos dados do widget.
Dados¶
- Atualização Automática: Indica o tempo para atualização automática dos dados do widgets.
Argumento¶
- Coluna: Indica a coluna da consulta.
- Formatação: Indica a formatação da coluna.
Valores¶
- Coluna: Indica a coluna da consulta.
- Descrição: Permite personalizar a descrição da coluna.
- Agregação: Indica o tipo de agregação a ser aplicada a coluna.
- Formatação: Indica a formatação da coluna.
- Cor: Permite personalizar a cor da barra.
Filtros¶
- Coluna: Indica a coluna de filtro da consulta.
- Valor: Indica o valor de filtro a ser aplicado. Este campo possibilita o uso de variáveis dinâmicas e operadores para configuração dos filtros, aprenda aqui quais são e como utilizar.
Ordenações¶
- Coluna: Indica a coluna de ordenação da consulta.
- Ordenação: Indica a ordem dos dados a ser aplicada.
Estilos¶
- Legenda: Indica se o widtget exibirá legandas.
- Linhas de Grade: Indica se o widtget exibirá as linhas de grades de valores.
- Modo de Empilhamento: Indica o modo de empilhamento de colunas, para os cenários onde são configuradas múltiplas colunas de valores.
Gráfico de Coluna¶
- Nome: Indica o nome do widgets.
- Descrição: Indica a descrição do widgets.
- Consulta: Define a consulta utilizada para geração dos dados do widget.
Dados¶
- Atualização Automática: Indica o tempo para atualização automática dos dados do widgets.
Argumento¶
- Coluna: Indica a coluna da consulta.
- Formatação: Indica a formatação da coluna.
Valores¶
- Coluna: Indica a coluna da consulta.
- Descrição: Permite personalizar a descrição da coluna.
- Agregação: Indica o tipo de agregação a ser aplicada a coluna.
- Formatação: Indica a formatação da coluna.
- Cor: Permite personalizar a cor da coluna.
Filtros¶
- Coluna: Indica a coluna de filtro da consulta.
- Valor: Indica o valor de filtro a ser aplicado. Este campo possibilita o uso de variáveis dinâmicas e operadores para configuração dos filtros, aprenda aqui quais são e como utilizar.
Ordenações¶
- Coluna: Indica a coluna de ordenação da consulta.
- Ordenação: Indica a ordem dos dados a ser aplicada.
Estilos¶
- Legenda: Indica se o widtget exibirá legandas.
- Linhas de Grade: Indica se o widtget exibirá as linhas de grades de valores.
- Modo de Empilhamento: Indica o modo de empilhamento de colunas, para os cenários onde são configuradas múltiplas colunas de valores.
Gráfico de Linha¶
- Nome: Indica o nome do widgets.
- Descrição: Indica a descrição do widgets.
- Consulta: Define a consulta utilizada para geração dos dados do widget.
Dados¶
- Atualização Automática: Indica o tempo para atualização automática dos dados do widgets.
Argumento¶
- Coluna: Indica a coluna da consulta.
- Formatação: Indica a formatação da coluna.
Valores¶
- Coluna: Indica a coluna da consulta.
- Descrição: Permite personalizar a descrição da coluna.
- Agregação: Indica o tipo de agregação a ser aplicada a coluna.
- Formatação: Indica a formatação da coluna.
- Cor: Permite personalizar a cor da linha.
Filtros¶
- Coluna: Indica a coluna de filtro da consulta.
- Valor: Indica o valor de filtro a ser aplicado. Este campo possibilita o uso de variáveis dinâmicas e operadores para configuração dos filtros, aprenda aqui quais são e como utilizar.
Ordenações¶
- Coluna: Indica a coluna de ordenação da consulta.
- Ordenação: Indica a ordem dos dados a ser aplicada.
Estilos¶
- Legenda: Indica se o widtget exibirá legandas.
- Linhas de Grade: Indica se o widtget exibirá as linhas de grades de valores.
Gráfico de Pizza¶
- Nome: Indica o nome do widgets.
- Descrição: Indica a descrição do widgets.
- Consulta: Define a consulta utilizada para geração dos dados do widget.
Dados¶
- Atualização Automática: Indica o tempo para atualização automática dos dados do widgets.
Argumento¶
- Coluna: Indica a coluna da consulta.
- Formatação: Indica a formatação da coluna.
Valores¶
- Coluna: Indica a coluna da consulta.
- Agregação: Indica o tipo de agregação a ser aplicada a coluna.
- Formatação: Indica a formatação da coluna.
Filtros¶
- Coluna: Indica a coluna de filtro da consulta.
- Valor: Indica o valor de filtro a ser aplicado. Este campo possibilita o uso de variáveis dinâmicas e operadores para configuração dos filtros, aprenda aqui quais são e como utilizar.
Ordenações¶
- Coluna: Indica a coluna de ordenação da consulta.
- Ordenação: Indica a ordem dos dados a ser aplicada.
Estilos¶
- Legenda: Indica se o widtget exibirá legandas.
Gráfico de Indicador¶
- Nome: Indica o nome do widgets.
- Descrição: Indica a descrição do widgets.
- Consulta: Define a consulta utilizada para geração dos dados do widget.
Dados¶
- Atualização Automática: Indica o tempo para atualização automática dos dados do widgets.
Valores¶
- Coluna: Indica a coluna da consulta.
- Agregação: Indica o tipo de agregação a ser aplicada a coluna.
- Mínimo: Indica o valor mínimo inicial do widget.
- Máximo: Indica o valor máximo final do widget.
- Formatação: Indica a formatação da coluna.
Filtros¶
- Coluna: Indica a coluna de filtro da consulta.
- Valor: Indica o valor de filtro a ser aplicado. Este campo possibilita o uso de variáveis dinâmicas e operadores para configuração dos filtros, aprenda aqui quais são e como utilizar.
Estilos¶
- Agulha: Indica se o widtget exibirá a agulha de valor.
- Cor Padrão: Indica a cor padrão de valor.
Faixas¶
- Descrição: Descrição da faixa de valor.
- Operador: Operador para comparação de valor.
- Valor: Valor da faixa.
- Cor: Indica a cor da faixa.
Cartão¶
- Nome: Indica o nome do widgets.
- Descrição: Indica a descrição do widgets.
- Consulta: Define a consulta utilizada para geração dos dados do widget.
Dados¶
- Atualização Automática: Indica o tempo para atualização automática dos dados do widgets.
Valor¶
- Coluna: Indica a coluna da consulta.
- Agregação: Indica o tipo de agregação a ser aplicada a coluna.
- Formatação: Indica a formatação da coluna.
Filtros¶
- Coluna: Indica a coluna de filtro da consulta.
- Valor: Indica o valor de filtro a ser aplicado. Este campo possibilita o uso de variáveis dinâmicas e operadores para configuração dos filtros, aprenda aqui quais são e como utilizar.
Estilos¶
- Cor de Fundo: Indica a cor de fundo do widget.
- Cor da Fonte: Indica a cor da fonte do widget.
- Tamanho da Fonte: Indica a tamanho da fonte do widget.
Formatação Condicional¶
- Operador: Operador para comparação de valor.
- Valor: Valor da faixa.
- Cor de Fundo: Indica a cor de fundo da formatação condicional.
- Cor da Fonte: Indica a cor da fonte da formatação condicional.
Cartão Múltiplo¶
- Nome: Indica o nome do widgets.
- Descrição: Indica a descrição do widgets.
- Consulta: Define a consulta utilizada para geração dos dados do widget.
Dados¶
- Atualização Automática: Indica o tempo para atualização automática dos dados do widgets.
Valores¶
- Descrição: Permite personalizar a descrição da coluna.
- Coluna: Indica a coluna da consulta.
- Agregação: Indica o tipo de agregação a ser aplicada a coluna.
- Formatação: Indica a formatação da coluna.
Filtros¶
- Coluna: Indica a coluna de filtro da consulta.
- Valor: Indica o valor de filtro a ser aplicado. Este campo possibilita o uso de variáveis dinâmicas e operadores para configuração dos filtros, aprenda aqui quais são e como utilizar.
Estilos¶
- Cor de Fundo: Indica a cor de fundo do widget.
- Cor da Fonte: Indica a cor da fonte do widget.
- Tamanho da Fonte: Indica a tamanho da fonte do widget.
Webpage¶
- Nome: Indica o nome do widgets.
- Atualização Automática: Indica o tempo para atualização automática dos dados do widgets.
- Descrição: Indica a descrição do widgets.
- URL: URL para acesso a página externa.