# Formato de Gráfico de áreas
É utilizado para exibir a informação em formato de **Gráfico de áreas** na horizontal, onde cada área corresponderá a uma cor na legenda.
Ao selecionar a opção de **Gráfico de áreas**, o sistema permitirá que customize algumas outras configurações referentes a opção de gráfico. Para cada customização realizada, será necessário utilizar o botão "aplicar" para que reflita na visualização.
* **Altura do gráfico (em px)**: O sistema utiliza a unidade em px (pixel) para aumentar ou diminuir a riqueza de detalhes no gráfico. Quanto maior o pixel, maior o detalhamento em linhas aplicado ao gráfico.
* **Mostrar rótulos**: Assim como em outros tipos de gráficos, o sistema permite habitar a opção mostrar rótulos, que permitirá que informe o tamanho da fonte que será exibida no rótulo, para que seja possível ajustar de acordo com o espaço disponível.
* **Mostrar legenda**: Possibilitando também habilitar e desabilitar a legenda exibida no gráfico
Clicando em cima da legenda desejada, é possível ocultar a informação da visualização
* **Eixos individuais**: Além de permitir habilitar e desabilitar os eixos individuais.
* **Personalizar cores:** E personalizar as opções de cores exibidas no gráfico, inclusive editando alguma cor desejada ou inserindo uma nova cor.
Podendo adicionar novas cores clicando no ícone "+" ou selecionar uma paleta de cores clicando no ícone "".
Selecionando a opção para adicionar uma paleta de cores, o sistema abrirá a tela de **Paleta de Cores**:
Sendo possível selecionar uma paleta existente, sendo ela padrão, o sistema assumirá as mesmas cores dos outros gráficos que estiverem utilizando a paleta padrão. Podendo também criar uma nova paleta, que será customizada para a sua necessidade e será aplicada apenas para a visualização que estiver utilizando essa paleta.
Clicando no ícone "**+ Adicionar**", o sistema abrirá uma tela para criação de uma nova paleta, podendo adicionar novas cores
E alterar as cores existentes clicando em cima da cor que deseja alterar
Selecionando a nova cor desejada e clicando no botão **Salvar**, para efetivar a alteração
Após **salvar** a nova paleta criada, o sistema retornará para a tela principal de Paleta de Cores, podendo selecionar a nova paleta para utilização:
Ou até mesmo **definir uma nova paleta como padrão,** além de **remover** uma paleta existente clicando no ícone ""
{% hint style="danger" %}
OBS.: Caso a Paleta padrão seja alterada, todas as visualizações que estiverem utilizando a Paleta padrão, irão sofrer alteração.
{% endhint %}
* **Expandir competência para:** O sistema irá permitir que a competência seja expendida para:
* **Início do ano:** Exibe as informações a partir do início do ano.
* **Ano completo:** Exibe o ano completo.
* **Estático:** Necessário configurar o mês inicial da competência
* **Dinâmico:** Necessário configurar a quantidade de meses atrás ou depois.
* **Limitar registros da busca em**: E permite estabelecer um limite de registros retornados na busca.
* **Incluir meses**: O sistema também permite inserir um ou mais meses do ano para retornar na busca, desde que esteja dentro do período filtrado.
Por fim, para essa opção de gráfico, também é possível incluir anotações em formato de balão, dentro da visualização, no modo de edição, conforme ilustrado abaixo:
Clicando com na tecla "**CTRL**" do teclado e o mouse no local onde deseja incluir a sua anotação, o sistema abrira uma tela para incluir uma nova anotação.
Sendo possível incluir um **texto** menor como título, que irá aparecer na visualização, e outro texto maior como **descrição**, que ficará oculto na visualização.
O sistema também permite escolher o **tamanho da fonte**, a **distância** entre o balão e a coluna selecionada para incluir a anotação, além da **largura** do balão contendo a sua anotação. Clicando no botão Salvar, será possível visualizar a anotação criada.
E clicando no botão **Mostrar anotações** "", será possível visualizar o conteúdo das anotações criadas:
O sistema também permite **editar** uma anotação clicando no botão "", e **remover** clicando no botão "".
