Gráfico de área

Esse tipo de gráfico mostra uma área sombreada entre a linha e o eixo. É utilizado para mostrar valores acumulados ao longo do tempo. Convencionalmente, o gráfico de área é uma maneira de exibir as linhas de grandezas empilhadas.

Configuração do Gráfico de Área #

Para configurar o gráfico de área, o procedimento é bem simples:

1º Procure pelo componente no Dashboard;

2º Clique no seguinte ícone:

3º Escolha entre os “Indicadores Disponíveis”;

4º Arraste para “Indicadores Escolhidos”.

No presente exemplo, o primeiro parâmetro escolhido é “Vendas”, como vemos abaixo:

Em seguida, defina o segundo parâmetro, ou seja, a unidade pela qual deseja visualizar, nesse exemplo, as vendas de uma empresa. Para isso:

5º Em “Dimensões disponíveis”, escolha as variáveis;

6º Arraste para “Coluna” e/ou para “Linha”;

Como podemos perceber na imagem acima, as vendas da empresa serão demonstradas de acordo com o “Ano”.

Você poderá visualizar o gráfico de área no preview, à direita da tela. No exemplo atual, obteremos o seguinte gráfico:

Título #

Você pode também dar um nome para seu gráfico. Para tanto, no preview, é possível modificar o título. Para isso, basta:

1º Clicar em “Adicionar título”;

2º Editar conforme sua necessidade.

Layout do Gráfico de área #

É possível fazer diversas alterações na aparência do gráfico. Para isso:

1º Acesse as configurações clicando no ícone da engrenagem, no canto superior direito do preview;

As seguintes opções serão disponibilizadas:

• slider: permite escolher determinados valores para exibição;
• legenda: altera a posição da legenda: acima, à direita, abaixo ou à esquerda;

• configurações de marcador: altera o posicionamento dos marcadores – vertical ou horizontal;
• escala manual: permite aumentar ou diminuir a escala do gráfico;
• fonte: possibilita mudar o tamanho da fonte dos marcadores;
• cor: permite escolher as cores do gráfico. Basta clicar na cor para alterá-la, escolhendo outra da HEX;
• ordem: permite escolher a ordem dos dados mostrados no gráfico;
• marcador: cria um marcador de valores;
• tipo: permite escolher mostrar os dados como linha ou como tooltip. Este último disponibiliza um modal de detalhamento.

Em seguida, clique no “x”, no canto superior direito da tela.

Abaixo vemos um gráfico de área que mostra as Vendas ao ano de uma empresa, com slider e legenda desativados e título que evidencia a informação que o gráfico demonstra.

Pronto! Seu gráfico de área será devidamente configurado.