Gráfico de Barras/Linha

O gráfico de barras e, ainda, o gráfico de linha, são ideais para visualização de dados comparativos. Além disso, possibilita que você selecione diversos parâmetros, de acordo com a necessidade do seu projeto.

Configuração do Gráfico de Barras/Linha #

Para configurar o gráfico barras/linha, o procedimento é bem simples:

1º Escolha o componente no Dashboard;

2º Clique no ícone do Gráfico de Barras/Linha para começar a configurar;

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

4º Arraste para “Indicadores Escolhidos”.

No presente exemplo, o primeiro parâmetro escolhido é “Despesas Funcionários”, como vemos abaixo:

Em seguida, defina o segundo e o terceiro parâmetros, ou seja, as unidades pelas quais deseja visualizar, nesse exemplo, as despesas com funcionários. Para isso:

5º Em “Dimensões disponíveis”, escolha os parâmetros;

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

Como podemos perceber na imagem acima, as despesas com funcionários serão demonstradas de acordo com o “Mês” e com o “Setor”.

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

Importante: observando a imagem acima, notamos que os meses Janeiro, Fevereiro e Março não mostram valores. Isso porque, no exemplo, não há dados para esse período!

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 Barras/Linhas #

É possível fazer algumas 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 criar um botão de alternância. Sua função é possibilitar rolar e escolher determinados valores para exibição;
• legenda: altera a posição da legenda: acima, à direita, abaixo ou à esquerda;
• orientação: é possível escolher entre deixar os eixos na horizontal ou na vertical;
• orientação dos marcadores: permite deixar os marcadores na vertical ou horizontal;
• escala manual: permite escolher uma inclinação para os marcadores;
• fonte: possibilita alterar o tamanho da fonte dos marcadores;

Atenção: para usar essas últimas três funcionalidades, é preciso que o campo “Marcador” esteja selecionado!

• 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, ou seja, exibe os valores de cada elemento do gráfico;
• eixo: permite mudar o eixo dos dados no gráfico;
• tipo: permite escolher mostrar os dados como linha ou como barras.

Observe a imagem abaixo. Ela mostra um gráfico de barras, em orientação horizontal, com slider ligado exibindo valores de 4 a 8, com marcadores ativos e reposicionados e legenda ativa posicionada acima.

2º Em seguida, clicar no “x”, no canto superior direito da tela.

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

Gráfico de linha #

Para exibir o gráfico de barras como gráfico de linha, o procedimento é simples:

1º Nas configurações, no campo “tipo”, escolha a opção “linha”;

Atenção: a opção de linha só é possível na orientação vertical! Você ainda pode esconder os valores 0 ativando a flag “esconder valores zero”.

Dica: você pode escolher quais dados deseja exibir como linha. É possível escolher somente um, dois, ou mais, de acordo com sua preferência.

Abaixo vemos um gráfico de linha, em orientação vertical, com gradiente e “esconder valores zero” desativados, sem slider ou marcador, com legendas à esquerda.

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

Pronto! Seu gráfico de linhas está pronto para ser exibido!