# Formato de Gráfico de linhas

É utilizado para exibir a informação em formato de **Gráfico de linhas** na horizontal

Ao selecionar a opção de **Gráfico de linhas**, 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.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FdbCHunZvixqzTwN5A6RR%2Fimage.png?alt=media&#x26;token=4be0f76d-5ef0-44ef-a5a1-ae3ac9f6b2dc" alt=""><figcaption></figcaption></figure>

* **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.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F19PW0sc7PAhnzPraeNmq%2Fimage.png?alt=media&#x26;token=b57eed36-f9c7-4d27-b547-fb8907f0526c" alt=""><figcaption></figcaption></figure>

* **Mostrar rótulos**: Ao habitar a opção mostrar rótulos, o sistema 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.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FMNuJCC4cltMPwWFJgwJh%2Fimage.png?alt=media&#x26;token=10b04100-6f54-4800-8c6c-b7258d8e4f55" alt=""><figcaption></figcaption></figure>

* **Mostrar legenda**: Será possível habilitar e desabilitar a legenda exibida no gráfico

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FJldD2G4m7phpeS5yBMzl%2Fimage.png?alt=media&#x26;token=537a4ce4-3329-4d78-af2c-0e2f2bd02e6c" alt=""><figcaption></figcaption></figure>

Clicando em cima da legenda desejada, é possível ocultar a informação da visualização

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F2LB1eJJuEsjUAzSfjYcQ%2Fimage.png?alt=media&#x26;token=f8578fca-eae4-43d3-9c41-25c49771bb32" alt=""><figcaption></figcaption></figure>

* **Eixos individuais**: O sistema também permite habilitar e desabilitar os eixos individuais.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FwL60AYoBqA7VGGnr8hTC%2Fimage.png?alt=media&#x26;token=30f2d946-11f2-470d-a919-fb656656ddad" alt=""><figcaption></figcaption></figure>

* **Personalizar cores:** E personalizar as opções de cores exibidas no gráfico

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FZJlJAK4fI3HlV4buOpJO%2Fimage.png?alt=media&#x26;token=e4aa46fe-53fb-46f9-8d3e-1f99e5d88f32" alt=""><figcaption></figcaption></figure>

Podendo adicionar novas cores clicando no ícone "+" ou selecionar uma paleta de cores clicando no ícone "![](https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FKZgNN1z1ToxhSnxFF49P%2Fimage.png?alt=media\&token=5439ff26-fdea-47fc-8449-73e48b12cace)".

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FJ3xRMvYt1ablqXtgLo5C%2Fimage.png?alt=media&#x26;token=1dfb26f9-1d13-4420-ba5a-5c909a43132b" alt=""><figcaption></figcaption></figure>

Selecionando a opção para adicionar uma paleta de cores, o sistema abrirá a tela de **Paleta de Cores**:

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FTPROk2bfEl3ktHnW6ELb%2Fimage.png?alt=media&#x26;token=c9b9cb9e-6f28-4cda-82ed-ce605bcf24c0" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FMtVZB2fSwTvgJdUJxwkK%2Fimage.png?alt=media&#x26;token=65fb7b01-869c-4c63-acd6-c4d40c44c8b6" alt=""><figcaption></figcaption></figure>

Clicando no ícone "**+ Adicionar**", o sistema abrirá uma tela para criação de uma nova paleta, podendo adicionar novas cores&#x20;

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2Fe20xS8jAc0XnxW0Jmr9t%2Fimage.png?alt=media&#x26;token=b6e3d4f2-e771-44d9-9161-354b33af0edd" alt=""><figcaption></figcaption></figure>

E alterar as cores existentes clicando em cima da cor que deseja alterar

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FNH8SrwaeP7YcnyzzEbVT%2Fimage.png?alt=media&#x26;token=85c87ef6-73b0-45be-ae0b-108ec53c00a3" alt=""><figcaption></figcaption></figure>

Selecionando a nova cor desejada e clicando no botão **Salvar**, para efetivar a alteração

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F6L8ACKke4S0AsquUyDjc%2Fimage.png?alt=media&#x26;token=846dd72b-12f5-4494-9759-74a11d01ac08" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FjpB8DNaOacOinPRQIcNy%2Fimage.png?alt=media&#x26;token=e078f254-79d6-4453-9d51-b06aadd94930" alt=""><figcaption></figcaption></figure>

Ou até mesmo **definir uma nova paleta como padrão,** além de **remover** uma paleta existente clicando no ícone "![](https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2Fth1gVeKzkbDDGyB6QKAU%2Fimage.png?alt=media\&token=502978d0-0f9b-4f11-b64b-532a2215baba)"

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F7AXsQ1XxixSyGb0jpBL7%2Fimage.png?alt=media&#x26;token=8d8dc4a3-0d27-4e0d-9d1d-5c229a167edc" alt=""><figcaption></figcaption></figure>

{% 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:

  * &#x20;**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.

  <figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FUSPucZtz1vnZKDiTHTE9%2Fimage.png?alt=media&#x26;token=df842b76-ceb5-48c2-b4d3-66b885d0b916" alt="" width="429"><figcaption></figcaption></figure>
* **Limitar registros da busca em**: E permite estabelecer um limite de registros retornados na busca. Quanto maior o número de registros retornados, mais fácil de observar o gráfico em forma de linhas lisas, sem marcações.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FbUXv6gswjjHUix4bXkqB%2Fimage.png?alt=media&#x26;token=c378161b-5428-4dad-8340-4948aedf88e6" alt=""><figcaption></figcaption></figure>

* **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.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FY4TmMzHKpxwzRsynB49K%2Fimage.png?alt=media&#x26;token=af73db46-4978-47d3-872e-6fb6ca49e885" alt=""><figcaption></figcaption></figure>

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:

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FNKZonjjwmASbU0Exdgaa%2Fimage.png?alt=media&#x26;token=66db79b4-bea4-47a7-b573-b3cb7b532a74" alt=""><figcaption></figcaption></figure>

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.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2F3QqC05jWW5o9Jj3EzOJY%2Fimage.png?alt=media&#x26;token=0af5d3f0-0e3b-4c6c-9551-eab6eeff794e" alt=""><figcaption></figcaption></figure>

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.&#x20;

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.

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FmDh0IRFAh7WsyAHw3aF3%2Fimage.png?alt=media&#x26;token=cd838071-634a-47c5-814f-a2760ccb58a4" alt=""><figcaption></figcaption></figure>

E clicando no botão **Mostrar anotações** "![](https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FKFLlLNkvGBbqVKUep0Au%2Fimage.png?alt=media\&token=b3e2ee1a-2cdb-48ac-bb8d-82d26248a21a)", será possível visualizar o conteúdo das anotações criadas:

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FHaawa9JeDebqnzjPVotM%2Fimage.png?alt=media&#x26;token=ae74108a-5300-4628-8adc-c9d60d2b960f" alt=""><figcaption></figcaption></figure>

O sistema também permite editar uma anotação clicando no botão "![](https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FNRRcrH9KS783ITXO9syI%2Fimage.png?alt=media\&token=b33c5fca-80af-470d-906a-0a90e0f1318e)", e remover clicando no botão "![](https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2Fzjy345xxAcDjz1VoFQee%2Fimage.png?alt=media\&token=ce62bff5-4674-431a-8b48-cc07e5b8e613)".

<figure><img src="https://109632036-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fcxn6hAOP0k8IqKSI8iRP%2Fuploads%2FsAfOGyIR5kPaY37we9mZ%2Fimage.png?alt=media&#x26;token=d88a2b21-fbff-448e-a24a-710878f02fc1" alt=""><figcaption></figcaption></figure>
