Analytics Studio — Tutorial
Etapa 2 de 3 — Criar e configurar um widget analytics
Nesta etapa, será criado o widget analytics que vai obter os dados do dataset criado na etapa anterior. Os dados obtidos serão exibidos em formato de gráfico no widget analytics.
Na plataforma Senior X, acesse o menu Tecnologia > Customização > Analytics Studio > Novo widget analytics para acessar a tela de configuração do novo widget. Nessa tela, realize as configurações descritas a seguir.
1. Informações do widget e seleção do dataset
O primeiro passo consiste em cadastrar as informações básicas do widget analytics e definir o dataset que será utilizado na criação.
- Preencha o campo Nome, informe um nome para identificar facilmente o widget analytics na lista de widgets analytics disponíveis;
- Opcionalmente, preencha o campo Tags, adicione tag(s) para facilitar a organização e a filtragem do widget analytics;
- Se necessário, vincule um Relatório de Tenant ou Fábrica, ao widget analytics clicando em Selecionar na opção desejada. Os relatórios exibidos nessa lista devem ter sido previamente cadastrados, conforme orientações descritas na documentação de Relatórios.
2. Dataset
No segundo passo, selecione um Dataset para o widget.
- Escolha entre as opções Tenant ou Fábrica;
- Na coluna Ações clique em Selecionar no dataset desejado e conclua essa etapa.
3. Gráfico
No terceiro passo, são exibidas todas as opções de widgets analytics disponíveis para seleção.
- Selecione o tipo de gráfico desejado entre as opções disponíveis;
- Clique em Salvar para avançar para o próximo passo.
4. Atributos
Nesta etapa, são configurados os atributos do gráfico. As opções podem variar conforme o tipo de gráfico selecionado no passo anterior.
Os gráficos dinâmicos permitem explorar uma única categoria com múltiplas séries de dados, possibilitando configurações personalizadas, como múltiplos eixos.
Tipos disponíveis de gráficos dinâmicos: Área, Barras, Colunas, Bolhas e Linhas. Cada widget analytics do tipo dinâmico suporta apenas um tipo de gráfico por vez.
Para criar um gráfico dinâmico, siga os passos abaixo:
- Selecione a opção Dinâmico;
- No campo Categoria, selecione um campo do Dataset do tipo texto ou data, a categoria selecionada exibirá no gráfico seus valores no eixo horizontal;
- No campo Nome, defina um nome para a categoria (opcional), esse nome será a descrição da categoria na exibição do gráfico, caso não seja modificado, será exibido a própria categoria;
- Adicione Séries clicando no botão + Nova, ao clicar será exibido dois novos campos Coluna e Nome;
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico, a coluna selecionada exibirá no gráfico seus valores em coluna na parte de exibição de dados;
- No campo Nome, defina um nome para a coluna selecionada;
- Ao lado do campo Nome estão disponíveis os ícones de Excluir (remove a série) e de engrenagem para configurações da série (disponível apenas após selecionar uma coluna. Em seguida, são exibidas as opções para configurar a série);
- Após concluir todas as configurações, clique em Salvar para finalizar. O gráfico dinâmico será exibido conforme os parâmetros definidos;
Os gráficos de eixos múltiplos são semelhantes aos dinâmicos, porém exigem a definição explícita dos campos da visualização. É necessário informar uma Coluna para o eixo X, uma Linha para o eixo Y e um Valor para compor a série.
Tipos disponíveis de gráficos de eixos múltiplos: Área, Barras, Colunas, Bolhas e Linhas.
Para criar um gráfico de eixos múltiplos, siga os passos abaixo:
- Selecione a opção Eixos Múltiplos;
- No campo Coluna, selecione um campo do seu Dataset do tipo texto ou data, a coluna selecionada exibirá no gráfico seus valores no eixo horizontal;
- No campo Nome, adicione um nome para a coluna selecionada (opcional), esse nome será a descrição da coluna na exibição do gráfico, caso não seja modificado, será exibido a própria categoria;
- No campo Linha, selecione um campo do seu Dataset do tipo texto ou data, a linha selecionada exibirá no gráfico seus valores em linha na parte de exibição de dados;
- No campo Valor, selecione um campo do seu Dataset do tipo numérico; a coluna selecionada exibirá no gráfico seus valores no eixo vertical;
- No campo Nome, adicione um nome para o valor selecionado (opcional), esse nome será a descrição do valor na exibição do gráfico, caso não seja modificado, será exibido a própria categoria;
- Ao lado do campo Nome está disponível o ícone de engrenagem para configurações da série (disponível apenas após selecionar um valor. Em seguida, são exibidas as opções para configurar a série);
- Após concluir todas as configurações, clique em Salvar para finalizar. O gráfico de eixos múltiplos será exibido conforme os parâmetros definidos.
Observação
Ao alternar entre as opções Dinâmico e Eixos Múltiplos, os dados informados na aba anterior serão apagados. Caso já tenha realizado configurações, revise antes de trocar a opção para evitar a perda das informações.
Os gráficos empilhados são indicados para visualizar a distribuição de múltiplas séries dentro de uma única categoria. Nesse tipo de gráfico, as séries são organizadas de forma acumulada, permitindo identificar a contribuição de cada uma para o total.
Tipos disponíveis de gráficos empilhados: Barras e Colunas.
Para criar um gráfico empilhado, siga os passos abaixo:
- Selecione a opção Empilhado;
- No campo Categoria, selecione um campo do seu Dataset do tipo texto ou data, a categoria selecionada exibirá no gráfico seus valores no eixo horizontal;
- No campo Nome, adicione um nome para a categoria selecionada (opcional), esse nome será a descrição da categoria na exibição do gráfico; caso não seja modificado, será exibido o próprio nome da categoria;
- Adicione Séries clicando no botão + Nova; ao clicar, serão exibidos os campos Coluna e Nome;
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico, a coluna selecionada exibirá no gráfico seus valores empilhados dentro da categoria na área de exibição de dados;
- No campo Nome, adicione um nome para a coluna selecionada (opcional); esse nome será exibido na identificação da série no gráfico;
- Ao lado do campo Nome está disponível o ícone de engrenagem para configurações da série (disponível apenas após selecionar um valor. Em seguida, são exibidas as opções para configurar a série).
- Após concluir todas as configurações, clique em Salvar para finalizar. O gráfico empilhado será exibido conforme os parâmetros definidos.
Os gráficos mixados permitem combinar diferentes tipos de gráficos em uma única visualização. Nesse formato, é selecionada uma única Categoria, e para cada Série é possível definir um tipo específico de gráfico, proporcionando uma análise mais flexível e visualmente abrangente.
Tipos disponíveis para as séries: Área, Barras, Colunas, Bolhas e Linhas.
Atenção
Não é permitido utilizar Barras e Colunas simultaneamente no mesmo gráfico mixado. Caso uma série seja configurada como Barras, nenhuma outra poderá utilizar o tipo Colunas, e vice-versa.
Para criar um gráfico mixado, siga os passos abaixo:
- Selecione a opção Mixado;
- No campo Categoria, selecione um campo do seu Dataset do tipo texto ou data, a categoria selecionada exibirá no gráfico seus valores conforme a configuração das séries;
- No campo Nome, adicione um nome para a categoria selecionada (opcional); esse nome será a descrição da categoria na exibição do gráfico; caso não seja modificado, será exibido o próprio nome da categoria;
- Adicione Séries clicando no botão + Nova; ao clicar, serão exibidos os campos Coluna e Nome;
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico; a coluna selecionada exibirá no gráfico seus valores conforme o tipo definido para a série;
- No campo Nome, adicione um nome para a coluna selecionada (opcional); esse nome será exibido na identificação da série no gráfico;
- Ao lado do campo Nome, estão disponíveis os ícones de excluir (remove a série) e engrenagem de configurações da série (disponível apenas após selecionar uma coluna; ao clicar, serão exibidas as opções de configuração da série):
- Em Configuração da série, preencha os campos que se seguem;
- No campo Selecione o tipo de gráfico, defina como o valor da coluna será exibido:
- Linha: exibe o valor da coluna em formato de linha;
- Bolhas: exibe o valor da coluna em formato de bolha;
- Colunas: exibe o valor da coluna em formato de coluna. Ao selecionar essa opção, será exibido o campo Empilhamento, no qual é possível informar um nome para agrupar séries no mesmo empilhamento;
- Barras: exibe o valor da coluna em formato de barra. Ao selecionar essa opção, também será exibido o campo Empilhamento, permitindo agrupar séries pelo mesmo nome informado;
- Área: exibe o valor da coluna em formato de área.
- Após escolher o tipo de gráfico, no campo Lado do Eixo Y, defina em qual lado do gráfico será exibido o eixo Y da série. Por padrão, o eixo Y é apresentado no lado esquerdo:
- Esquerda: exibe o eixo Y da série no lado esquerdo do gráfico;
- Direita: exibe o eixo Y da série no lado direito do gráfico.
- Após concluir todas as configurações, clique em Aplicar para finalizar. O gráfico mixado será exibido conforme os parâmetros definidos.
O gráfico estático é uma representação simples e eficaz, que permite exibir uma informação única de forma clara e direta, como um texto, número ou data. Nesse tipo de widget analytic, é possível selecionar uma Categoria e adicionar uma Série, sendo necessário que a série retorne apenas um único valor. Caso a consulta apresente mais de um resultado, será considerado o primeiro valor retornado.
O gráfico estático também oferece opções de personalização, como: inclusão de ícone, definição de cores, ajuste de tamanho e alinhamento do conteúdo.
Para criar um gráfico estático, siga os passos abaixo:
- Selecione a opção Estático;
- No campo Categoria, selecione um campo do seu Dataset do tipo texto, data ou numérico, a categoria selecionada exibirá seu valor na área de exibição do gráfico;
- No campo Nome, adicione um nome para a categoria selecionada (opcional); esse nome será a descrição exibida no gráfico; caso não seja modificado, será apresentado o próprio nome da categoria;
- Adicione uma Série clicando no botão + Nova, ao clicar, serão exibidos os campos Coluna e Nome, em gráfico estático, é permitido adicionar apenas uma série;
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico, data ou texto; os valores da coluna selecionada serão apresentados na área de visualização do gráfico;
- No campo Nome, adicione um nome para a coluna selecionada (opcional); esse nome será exibido no gráfico;
- Ao lado do campo Nome, utilize o ícone de engrenagem para configurações da série, disponível após selecionar um valor, ao clicar serão exibidas as opções de configuração da série;
- Após as configurações iniciais, acesse a etapa de Propriedades e personalize a exibição para:
- Rótulo de Dados:
- No campo Exibir nome da série, determine se o nome da série será apresentado no gráfico;
- Em Posição do nome da série, defina onde o nome será exibido: Superior, Direita ou Inferior;
- Na opção Cor do nome da série, selecione a cor da fonte;
- No campo Tamanho do nome da série, estabeleça o tamanho da fonte (opções de 1 a 10);
- Em Exibir valor da categoria, defina se o nome da categoria será apresentado no gráfico;
- No campo Posição do nome da categoria, escolha onde o nome será exibido: Superior, Direita ou Inferior;
- No opção Tamanho do nome da categoria, defina o tamanho da fonte (opções de 1 a 10);
- No campo Cor do nome da categoria, selecione a cor da fonte.
- Estático
- No campo Ícone, insira um ícone utilizando a biblioteca Font Awesome (versão 5.15.4), informando a classe (<i class="fa-[estilo] fa-[nome-do-icone]"></i>) correspondente no campo;
- No campo Cor do ícone, selecione a cor desejada;
- No campo Tamanho do ícone, defina o tamanho (opções de 1 a 10);
- No campo Posição do ícone, defina onde o ícone será exibido: Superior, Direita, Inferior ou Esquerda;
- No campo Cor da Fonte, defina a cor do valor exibido;
- No campo Tamanho da fonte, defina o tamanho do valor (opções de 1 a 10);
- No campo Alinhamento, defina a posição geral do conteúdo do gráfico: Esquerda, Direita ou Centro.
- Rótulo de Dados:
- Após finalizar todas as configurações, clique em Salvar para concluir. O gráfico estático será exibido conforme os parâmetros definidos.
O gráfico do tipo tabela é uma representação simples e eficiente dos dados em formato tabular. Nesse tipo de widget analytic, é possível selecionar uma Categoria e adicionar múltiplas Séries, que podem ser do tipo texto, data, numérico, entre outros.
O estilo tabela oferece funcionalidades como: paginação, ordenação e pesquisa por coluna, facilitando a navegação e a visualização das informações.
Para criar um gráfico do tipo tabela, siga os passos abaixo:
- Selecione a opção Tabela;
- No campo Categoria, selecione um campo do seu Dataset do tipo texto, data ou numérico, a categoria selecionada será exibida como a primeira coluna da tabela;
- No campo Nome, adicione um nome para a categoria selecionada (opcional), esse nome será exibido no cabeçalho da coluna; caso não seja modificado, será apresentado o próprio nome da categoria;
- Adicione Séries clicando no botão + Nova; ao clicar, serão exibidos os campos Coluna e Nome;
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico, data ou texto; a coluna selecionada terá seus valores exibidos no gráfico, na seção de exibição de dados, em formato de coluna;
- No campo Nome, adicione um nome para a coluna selecionada (opcional); esse nome será exibido no cabeçalho da tabela;
- Ao lado do campo Nome, utilize os ícones disponíveis:
- Excluir: remove a série adicionada;
- Configurações da série: disponível após selecionar uma coluna; ao clicar, serão exibidas as opções de configuração da série;
- Nas Configurações da série, quando o campo for do tipo Data, estarão disponíveis:
- No campo Formatar Valor:
- Hora: exibe no formato hh:mm;
- Data: exibe no formato dd/mm/aaaa;
- Data e Hora: exibe no formato dd/mm/aaaa hh:mm;
- Data Completa: exibe no formato completo (ex.: segunda-feira, 16 de outubro de 2023 às 15:25);
- No campo Mostrar Segundos, é possível exibir os segundos da hora, essa opção terá efeito apenas quando selecionado Hora ou Data e Hora no campo Formatar Valor;
- No campo Formatar Valor:
- Após as configurações iniciais, acesse a etapa de Propriedades:
- Tabela
- No campo Paginador da Tabela, defina se os registros serão exibidos com paginação; caso não esteja marcado, todos os registros serão exibidos em uma única página;
- No campo Linhas por página, escolha a quantidade de registros exibidos por página; essa opção só terá efeito se o paginador estiver ativado;
- No campo Ativar Ordenação, determine se será possível ordenar os registros pelas colunas;
- No campo Ativar Pesquisa, defina se será possível pesquisar registros por coluna.
- Alinhamentos
- No campo Adicionar, selecione:
- Campo: escolha a coluna (entre as séries adicionadas) que será personalizada;
- Alinhamento: defina a posição do conteúdo na coluna: Esquerda, Centro ou Direita;
- Utilize o ícone de remoção para excluir o registro de personalização da coluna;
- No botão Limpar, remova todas as personalizações;
- No botão Aplicar, confirme as configurações de alinhamento.
- No campo Adicionar, selecione:
- Tabela
- Após finalizar todas as configurações, clique em Salvar para concluir. O gráfico de tabela será exibida conforme os parâmetros definidos.
O gráfico do tipo mapa de pontos é uma visualização geográfica que permite representar dados de forma clara e intuitiva sobre o mapa do Brasil. Nesse tipo de widget analytic, os pontos são posicionados no mapa conforme a Categoria e a Série selecionadas.
Esse gráfico é ideal para demonstrar a distribuição de informações por localidade, facilitando a análise espacial e a identificação de padrões regionais.
Para criar um gráfico mapa de pontos, siga os passos abaixo:
- Selecione a opção Mapa de Pontos;
- No campo Categoria, selecione um campo do seu Dataset do tipo texto ou data; a categoria selecionada exibirá no gráfico seus valores no mapa;
- No campo Nome, adicione um nome para a categoria selecionada (opcional); esse nome será exibido na descrição do gráfico; caso não seja modificado, será apresentado o próprio nome da categoria;
- No campo Latitude, selecione a coluna correspondente à latitude; as opções exibidas são as colunas do seu Dataset (esse campo será habilitado somente após a seleção da categoria);
- No campo Longitude, selecione a coluna correspondente à longitude; as opções exibidas são as colunas do seu Dataset (esse campo será habilitado somente após a seleção da categoria);
- Adicione uma Série clicando no botão + Nova, ao clicar, serão exibidos os campos Coluna e Nome (nesse tipo de gráfico é possível adicionar apenas uma série);
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico; os valores selecionados serão representados em ponto(s) no mapa;
- No campo Nome, adicione um nome para a coluna selecionada (opcional); esse nome será exibido na legenda do gráfico;
- Ao lado do campo Nome, utilize o ícone de engrenagem para configurações da série, disponível após selecionar um valor, ao clicar serão exibidas as opções de configuração da série;
- Após as configurações iniciais, acesse a etapa de Propriedades:
- Mapa de Pontos:
- No campo Cor da Borda, escolha a cor das linhas que delimitam os estados;
- No campo Cor do Fundo, escolha a cor de preenchimento dos estados no mapa;
- No campo Cor, escolha a cor dos pontos exibidos no mapa.
- Mapa de Pontos:
- Após finalizar todas as configurações, clique em Salvar para concluir. O mapa de pontos será exibido conforme os parâmetros definidos.
O gráfico do tipo mapa de calor é uma visualização que utiliza cores para representar a variação de valores dentro de uma matriz, permitindo uma leitura rápida e intuitiva dos dados. Sua configuração é semelhante à dos gráficos de eixos múltiplos.
Nesse tipo de widget analytic, você define uma Coluna para o eixo horizontal (X), uma Linha para o eixo vertical (Y) e um Valor que será representado por uma escala de cores, possibilitando a identificação de concentrações e padrões.
Esse gráfico é ideal para: analisar tendências, comparar categorias e identificar áreas com maior ou menor intensidade de dados.
Para criar um gráfico mapa de calor, siga os passos abaixo:
- Selecione a opção Mapa de Calor;
- No campo Coluna, selecione um campo do seu Dataset do tipo texto ou data, a coluna selecionada exibirá no gráfico seus valores no eixo horizontal;
- No campo Nome, adicione um nome para a coluna selecionada (opcional), esse nome será exibido como descrição no gráfico; caso não seja modificado, erá apresentado a própria categoria;
- No campo Linha, selecione um campo do seu Dataset do tipo texto ou data, a linha selecionada exibirá no gráfico seus valores no eixo vertical;
- No campo Nome, adicione um nome para a linha selecionada (opcional), esse nome será exibido como descrição da linha no gráfico, caso não seja modificado, erá apresentado a própria categoria;
- No campo Valor, selecione um campo do seu Dataset do tipo numérico, os valores selecionados serão representados por meio de uma escala de cores no gráfico;
- No campo Nome, adicione um nome para o valor selecionado (opcional), esse nome será exibido como descrição do valor no gráfico, caso não seja modificado, será apresentado a própria categoria;
- Ao lado do campo Nome, utilize o ícone de engrenagem para configurações da série, disponível após selecionar um valor, ao clicar serão exibidas as opções de configuração da série;
- Após as configurações iniciais, acesse a etapa de Propriedades:
- Mapa de Calor:
- No campo Cor Mínima, defina a cor que representará os menores valores da escala;
- No campo Cor Máxima, defina a cor que representará os maiores valores da escala.
- Mapa de Calor:
- Após finalizar todas as configurações, clique em Salvar para concluir. O mapa de calor será exibido conforme os parâmetros definidos.
O gráfico polar é uma visualização em que as séries são organizadas em formato circular. Nesse tipo de widget analytic, as Categorias são distribuídas ao redor de um círculo, enquanto os valores são representados radialmente.
Os formatos disponíveis para o gráfico polar incluem: Área, Bolhas, Colunas e Linhas.
Esse gráfico é especialmente indicado para comparar proporções ou variações em uma escala circular, sendo útil na análise de padrões cíclicos ou radiais.
Para criar um gráfico polar, siga os passos abaixo:
- Selecione a opção Gráfico Polar;
- No campo Categoria, selecione um campo do seu Dataset do tipo texto ou data, a categoria selecionada exibirá no gráfico seus valores distribuídos ao redor do círculo;
- No campo Nome, adicione um nome para a categoria selecionada (opcional), esse nome será exibido como descrição no gráfico; caso não seja modificado, será apresentado o próprio nome da categoria;
- Adicione Séries clicando no botão + Nova, ao clicar, serão exibidos os campos Coluna e Nome;
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico, os valores selecionados serão representados radialmente no gráfico, conforme o tipo escolhido (Área, Bolhas, Colunas ou Linhas);
- No campo Nome, adicione um nome para a coluna selecionada (opcional), esse nome será exibido na legenda do gráfico;
- Ao lado do campo Nome, utilize os ícones disponíveis:
- Excluir: remove a série adicionada;
- Configurações da série: disponível após selecionar uma coluna, ao clicar, serão exibidas as opções de configuração da série.
- Após finalizar todas as configurações, clique em Salvar para concluir. O gráfico polar será exibido conforme os parâmetros definidos.
O gráfico radial é uma visualização circular em que as séries de dados são representadas em colunas distribuídas ao longo do contorno do círculo. Esse formato permite demonstrar a relação entre diferentes categorias e séries de forma clara e visualmente atraente.
Nesse tipo de gráfico é possível selecionar uma Categoria e adicionar múltiplas Séries, possibilitando a comparação de diferentes conjuntos de dados em uma escala circular. Esse tipo de gráfico é ideal para destacar padrões e variações.
Para criar um gráfico radial, siga os passos abaixo:
- Selecione a opção Gráfico Radial;
- No campo Categoria, selecione um campo do seu Dataset do tipo texto ou data, a categoria selecionada exibirá no gráfico seus valores distribuídos ao longo do círculo;
- No campo Nome, adicione um nome para a categoria selecionada (opcional); esse nome será exibido como descrição no gráfico; caso não seja modificado, será apresentado o próprio nome da categoria;
- Adicione Séries clicando no botão + Nova, ao clicar, serão exibidos os campos Coluna e Nome;
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico, os valores selecionados serão exibidos em formato de colunas radiais no gráfico;
- No campo Nome, adicione um nome para a coluna selecionada (opcional), esse nome será exibido na legenda do gráfico;
- Ao lado do campo Nome, utilize os ícones disponíveis:
- Excluir: remove a série adicionada;
- Configurações da série: disponível após selecionar uma coluna, ao clicar, serão exibidas as opções de configuração da série;
- Após finalizar todas as configurações, clique em Salvar para concluir. O gráfico radial será exibido conforme os parâmetros definidos.
O gráfico de pizza é uma representação visual que permite visualizar a composição de um conjunto de dados de forma intuitiva. Nesse tipo de widget analytic, você seleciona uma Categoria e adiciona uma única Série, que será dividida em fatias proporcionais.
Cada fatia representa uma parte do total, facilitando a comparação entre categorias e a compreensão da participação de cada segmento no conjunto geral.
Para criar um gráfico de pizza, siga os passos abaixo:
- Selecione a opção Gráfico de Pizza;
- No campo Categoria, selecione um campo do seu Dataset do tipo texto ou data, a categoria selecionada exibirá no gráfico seus valores representados como fatias;
- No campo Nome, adicione um nome para a categoria selecionada (opcional), esse nome será exibido como descrição no gráfico, caso não seja modificado, será apresentado o próprio nome da categoria;
- Adicione uma Série clicando no botão + Nova, serão exibidos os campos Coluna e Nome (nesse tipo de gráfico é possível adicionar apenas uma série);
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico, os valores selecionados serão utilizados para definir o tamanho das fatias;
- No campo Nome, adicione um nome para a coluna selecionada (opcional), esse nome será exibido na legenda do gráfico;
- Ao lado do campo Nome, utilize os ícones disponíveis:
- Excluir: remove a série adicionada;
- Configurações da série: disponível após selecionar uma coluna, ao clicar serão exibidas as opções de configuração da série;
- Após finalizar todas as configurações, clique em Salvar para concluir. O gráfico de pizza será exibido conforme os parâmetros definidos.
O gráfico medidor é uma visualização projetada para exibir um único valor em relação a um intervalo ou meta específica. Esse tipo de widget analytic é ideal para demonstrar desempenho, progresso ou status de forma clara e objetiva.
Ao configurar esse tipo de gráfico é necessário selecionar uma Categoria e adicionar uma única Série. O medidor é especialmente indicado para dashboards que destacam métricas-chave.
Para criar um gráfico medidor, siga os passos abaixo:
- Selecione a opção Gráfico Medidor;
- No campo Categoria, selecione um campo do seu Dataset do tipo texto ou data;
- No campo Nome, adicione um nome para a categoria selecionada (opcional), esse nome será exibido como descrição no gráfico, caso não seja modificado, será apresentado o próprio nome da categoria;
- Adicione uma Série clicando no botão + Nova, serão exibidos os campos Coluna e Nome (nesse tipo de gráfico é possível adicionar apenas uma série);
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico, o valor selecionado será exibido no medidor;
- No campo Nome, adicione um nome para a coluna selecionada (opcional), esse nome será exibido na legenda do gráfico;
- Ao lado do campo Nome, utilize os ícones disponíveis:
- Excluir: remove a série adicionada;
- Configurações da série: disponível após selecionar uma coluna, ao clicar, serão exibidas as opções de configuração da série.
- Após as configurações iniciais, acesse a etapa de Propriedades:
- Medidor:
- No campo Tamanho da Fonte, defina o tamanho da fonte e também a unidade de medida:
- PX – Pixel;
- EM – Relativo ao tamanho da fonte do elemento pai;
- IN – Polegada;
- REM – Relativo ao tamanho da fonte do elemento raiz.
- No campo Cor do Rótulo, defina a cor da fonte do rótulo;
- No campo Distância do Rótulo, defina a distância do rótulo em relação ao medidor;
- No campo Cor Valor, defina a cor dos traços de marcação;
- No campo Distância do Valor, defina o comprimento dos traços de marcação;
- No campo Mínimo, defina o valor mínimo do medidor; utilize apenas números múltiplos de 10;
- No campo Máximo, defina o valor máximo do medidor; utilize apenas números múltiplos de 10;
- No campo Cor do Mostrador, defina a cor do mostrador;
- No campo Indicadores, defina as cores por intervalo de valores, ao clicar, serão exibidas opções adicionais:
- Utilize o ícone de remover para excluir um registro;
- Clique em +Adicionar para incluir um novo registro;
- Em +Nova Color, escolha a cor desejada;
- Nos campos De e Para, defina o intervalo de valores para aplicação da cor (ex.: de 0 até 20);
- No botão Aplicar, confirme as alterações;
- No botão Limpar, remova todos os registros configurados.
- No campo Tamanho da Fonte, defina o tamanho da fonte e também a unidade de medida:
- Medidor:
- Após finalizar todas as configurações, clique em Salvar para concluir. O gráfico medidor será exibido conforme os parâmetros definidos.
O gráfico medidor sólido é uma variação do gráfico medidor (gauge) que também permite exibir um único valor em relação a um intervalo ou meta específica. A principal diferença está na representação visual.
Enquanto o medidor tradicional pode utilizar ponteiro ou agulha em uma escala circular, o medidor sólido apresenta o valor como uma fração preenchida do círculo, destacando visualmente a proporção em relação ao total.
Assim como o gráfico medidor, é necessário selecionar uma Categoria e adicionar uma única Série. Esse tipo de gráfico é indicado para dashboards que enfatizam percentuais, progresso ou atingimento de metas.
Para criar um medidor sólido, siga os passos abaixo:
- Selecione a opção Medidor Sólido;
- No campo Categoria, selecione um campo do seu Dataset do tipo texto ou data;
- No campo Nome, adicione um nome para a categoria selecionada (opcional), esse nome será exibido como descrição no gráfico, caso não seja modificado, será apresentado o próprio nome da categoria;
- Adicione uma Série clicando no botão + Nova, serão exibidos os campos Coluna e Nome (nesse tipo de gráfico é possível adicionar apenas uma série);
- No campo Coluna, selecione um campo do seu Dataset do tipo numérico, o valor selecionado será exibido no medidor sólido;
- No campo Nome, adicione um nome para a coluna selecionada (opcional), esse nome será exibido na legenda do gráfico;
- Ao lado do campo Nome, utilize os ícones disponíveis:
- Excluir: remove a série adicionada;
- Configurações da série: disponível após selecionar uma coluna, ao clicar, serão exibidas as opções de configuração da série.
- Após as configurações iniciais, acesse a etapa de Propriedades:
- Medidor:
- No campo Tamanho da Fonte, defina o tamanho da fonte e também a unidade de medida:
- PX – Pixel;
- EM – Relativo ao tamanho da fonte do elemento pai;
- IN – Polegada;
- REM – Relativo ao tamanho da fonte do elemento raiz.
- No campo Cor do Rótulo, defina a cor da fonte do rótulo;
- No campo Distância do Rótulo, defina a distância do rótulo em relação ao medidor;
- No campo Mínimo, defina o valor mínimo do medidor; utilize apenas números múltiplos de 10;
- No campo Máximo, defina o valor máximo do medidor; utilize apenas números múltiplos de 10;
- No campo Indicadores, configure faixas de cores com base na proporção do valor atual em relação ao mínimo e máximo:
- Utilize o ícone de remover para excluir um registro;
- Clique em +Adicionar para incluir um novo registro;
- Em +Nova Color, escolha a cor desejada;
- No campo Valor, informe um número entre 0.1 e 0.9, representando a proporção (10% a 90%) do intervalo entre o mínimo e o máximo; a cor será aplicada quando o valor atingir o percentual informado;
- No botão Aplicar, confirme as alterações;
- No botão Limpar, remova todos os registros configurados.
- No campo Tamanho da Fonte, defina o tamanho da fonte e também a unidade de medida:
- Medidor:
- Após finalizar todas as configurações, clique em Salvar para concluir. O medidor sólido será exibido conforme os parâmetros definidos.
O botão com ícone de engrenagem, responsável pelas configurações da série, está disponível ao lado de cada Série na tela de Atributos. Esse recurso possui funcionamento padrão e está disponível para todos os tipos de gráfico, permitindo personalizar a exibição e a formatação dos dados conforme a necessidade.
Ao acessar essa opção, serão exibidos os seguintes campos:
- Precisão: define a quantidade de casas decimais que serão exibidas nos valores do gráfico.
- Exemplo: ao definir o valor 2, o número 10 será exibido como 10.00.
- Prefixo: permite adicionar um texto antes do valor exibido no gráfico. Geralmente é utilizado para indicar moedas, unidades ou símbolos personalizados.
- Exemplo: ao inserir R$ como prefixo, o valor 10.00 será exibido como R$ 10.00.
- Sufixo: permite adicionar um texto após o valor exibido no gráfico. É utilizado para complementar a informação com unidades de medida, períodos ou descrições.
- Exemplo: ao inserir /mês como sufixo, o valor 10.00 será exibido como 10.00/mês.
- Formatar Tooltip: permite selecionar um formato pré-configurado para o tooltip (texto exibido ao passar o mouse sobre o elemento do gráfico).
- Decimal: encurta números extensos removendo as casas decimais.
- Exemplo: 13696383.077269 será exibido como 13.696.383.
- Dinheiro: encurta números extensos e adiciona o prefixo R$.
- Exemplo: 13696383.077269 será exibido como R$ 13.696.383.
- Número curto: arredonda o número e adiciona o sufixo m.
- Exemplo: 13696383.077269 será exibido como 14m.
- Decimal: encurta números extensos removendo as casas decimais.
- Formatar Valor: permite selecionar um formato pré-configurado para o valor exibido diretamente no gráfico.
- Decimal: encurta números extensos removendo as casas decimais.
- Exemplo: 13696383.077269 será exibido como 13.696.383.
- Dinheiro: encurta números extensos e adiciona o prefixo R$.
- Exemplo: 13696383.077269 será exibido como R$ 13.696.383.
- Número curto: arredonda o número e adiciona o sufixo m.
- Exemplo: 13696383.077269 será exibido como 14m.
- Decimal: encurta números extensos removendo as casas decimais.
5. Filtros
Nesta etapa, é possível aplicar filtros e ordenação ao Dataset. Com isso, um único dataset pode ser utilizado para a criação de diferentes widgets analytics.
Ordenação
- Clique no campo Ordenação, nele serão exibidas como opções as colunas do seu Dataset;
- Após selecionar uma coluna, escolha o tipo de ordenação:
- Crescente;
- Decrescente.
- O comportamento da ordenação varia conforme o tipo de campo selecionado:
- Texto: Crescente exibe os registros de Z a A e Decrescente de A a Z;
- Numérico: Crescente exibe do menor para o maior valor e Decrescente do maior para o menor;
- Data: Crescente exibe do registro mais antigo para o mais recente e Decrescente do mais recente para o mais antigo.
Filtros
- Clique no campo Filtros, nele serão exibidas como opções as colunas do seu Dataset;
- Após selecionar uma coluna, serão apresentadas as condições de filtragem disponíveis;
- Escolha a condição desejada e informe o valor;
- Clique em Salvar para que a filtragem seja aplicada aos dados.
6. Propriedades
Nesta etapa é possível configurar as propriedades de exibição do widget analytics. Essas configurações permitem personalizar elementos visuais e comportamentais do gráfico, como título, cores, limites de exibição, legendas, agrupamentos e rótulos de dados.
A seguir estão detalhadas as propriedades disponíveis e como configurá-las:
- No campo Título, informe um título para o gráfico;
- No campo Subtítulo, informe um subtítulo para complementar o título do gráfico;
- No campo Descrição, adicione um texto que descreva a funcionalidade ou o objetivo do gráfico;
- No campo Registro Máximo, defina a quantidade máxima de registros que serão exibidos no gráfico. Por padrão, será exibido no mínimo 1 registro;
- Marque o campo Ocultar os filtros de projeção para ocultar os filtros de projeção quando o gráfico estiver exibido em uma página;
- No campo Limite eixo X, defina a quantidade máxima de categorias exibidas no eixo horizontal. Por padrão, será exibida ao menos 1 categoria;
- No campo Limite eixo Y, defina a quantidade máxima de valores exibidos no eixo vertical.
- No campo Cores, clique para abrir o seletor de cores.
- Utilize os ícones disponíveis para gerenciar as cores:
- Remover — remove um registro de cor;
- +Adicionar — adiciona um novo registro de cor;
- Selecionar cor — permite escolher a cor desejada.
- Após realizar as alterações:
- Clique em Aplicar para salvar as mudanças realizadas;
- Clique em Limpar para remover todos os registros de cores configurados.
- Marque o campo Ocultar barra de título para ocultar a barra de título do gráfico quando ele estiver exibido em uma página.
- No campo Agrupamento, marque Ativo para habilitar a função de agrupamento;
- No campo Função, selecione como os valores das categorias em comum serão calculados:
- Soma — soma os valores das colunas que possuem categorias iguais;
- Máximo — exibe o maior valor entre as colunas com categorias iguais;
- Mínimo — exibe o menor valor entre as colunas com categorias iguais;
- Média — calcula a média dos valores das colunas com categorias iguais;
- Percentual — soma os valores das colunas com categorias iguais e apresenta o percentual correspondente;
- Contar — contabiliza a quantidade de registros das colunas com categorias iguais.
- Marque o campo Ativo para exibir o tooltip com os valores ao passar o mouse sobre os elementos do gráfico.
- Marque o campo Ativo para exibir a legenda no gráfico;
- No campo Texto, informe um título para a legenda;
- No campo Posição, selecione onde a legenda será exibida:
- Inferior — exibe a legenda na parte inferior do gráfico;
- Direita — exibe a legenda na lateral direita do gráfico.
- Marque o campo Ativo para exibir os valores diretamente no gráfico;
- No campo Exibir, selecione quais informações serão exibidas:
- Nome — exibe o nome da coluna ou categoria;
- Valor — exibe apenas o valor;
- Ambos — exibe o nome e o valor.
Ao finalizar as configurações, clique em Salvar para registrar e aplicar as definições do widget analytics.
|
Veja também: |
English
Español
English
Español


