# Gráficos

O gráfico de métricas **apresenta valores diários de cada operação realizada** e é **atualizado automaticamente**.

![](/files/-MIQ8XmzVBs4KtXfvHx1)

&#x20;Para **visualizar em tela cheia**, clique no **botão com ícone de reticências**  `...`  localizado no canto direito superior do gráfico.

![](/files/-MT6CwaK5Cz4IY4btscf)

Também é possível escolher quais métricas ficarão visíveis **no gráfico**, sem precisar apagar dados, para isso **clique na legenda para esconder e tornar visível a variável que desejar.**

## Criação e Edição de Gráficos&#x20;

Clique no botão **adicionar gráfico** que está na parte inferior da tela, abaixo do gráfico principal.

![](/files/-MZrCwZZmS6KpULa3XUK)

{% hint style="info" %}
Cada gráfico personalizado pode representar apenas um evento.
{% endhint %}

Pra criar um gráfico é preciso escolher:

* **Nome**
* **Evento**
* **Tipo de gráfico** (linha, barra, pizza, TNPS)
* **Dimensão** (tela inteira ou metade da tela)
* **Tipo de contagem:**

&#x20;A **Contagem simples** é feita apenas no gráfico de linha e representa a quantidade de vezes em que o evento foi disparado durante o período selecionado.&#x20;

A **Contagem extra1** mostra a quantidade de vezes em que os valores do campo extra1 foram disparados durante o período selecionado.&#x20;

A **Contagem extra2** mostra a quantidade de vezes em que os diferentes valores do campo extra2 foram disparados durante o período selecionado.

### **Gráfico de métricas**

O Gráfico customizado do tipo **métricas** possibilita adicionar ou remover métricas, além de poder criar outros gráficos do mesmo tipo, com informações diferentes

Para criação, basta selecionar o tipo 'métricas', e selecionar as métricas desejadas

![](/files/-MfiC6_V8qq5dDuFTooB)

### **Gráfico de linha**

O **Gráfico de linha** representa a quantidade diária de disparos do evento escolhido. Para criá-lo é necessário informar um nome, o evento desejado e selecionar uma das três formas possíveis de contagem.

Para os tipos de contagem extra1 e extra2, um gráfico com múltiplas linhas será apresentado.

![](/files/-MQlyDSJWSGY8kF__nNB)

### **Gráficos de barra e pizza**

**Gráficos de barra e pizza** representam a quantidade de cada valor armazenado nos campos extra1 ou extra2. Para a criação deles você precisa informar nome, evento e o campo extra a ser calculado e exibido.

Para **editar dados do gráfico**, basta clicar no botão com ícone de reticências ( `...` ) localizado no canto direito superior do gráfico desejado, modificar os valores do formulário e salvar.

![](https://t3001453.p.clickup-attachments.com/t3001453/db4644c1-8f59-465a-95d5-c16ecfa143ec/configurar-grafico.gif)

Para **excluir um gráfico**, clique no mesmo botão com ícone de reticências ( `...` ) no gráfico que deseja apagar, selecione o **ícone de lixeira** e confirme a exclusão.

![](https://t3001453.p.clickup-attachments.com/t3001453/1a5bbf05-baf0-4168-990f-10b25011aa5a/grafico-excluir.gif)

{% hint style="info" %}
O número máximo de Gráficos permitidos é 20
{% endhint %}

### Gráficos TNPS

Existe um tipo específico de gráfico para visualização de evento de NPS, chamado TNPS. Basta escolher qual campo será calculado o score, extra1 ou extra2, e obtenha dados percentuais de **promotores** (notas 9 ou 10), **passivos** (notas 7 ou 8) e **detratores** (notas menores que 7), por período filtrado.

![](https://t3001453.p.clickup-attachments.com/t3001453/87aab44e-2100-40b5-8f1f-7c526f4f1417/Captura%20de%20Tela%202021-05-03%20a%CC%80s%2013.03.22.png)

{% hint style="info" %}
Os eventos utilizados devem seguir as regras de notas de NPS e usar apenas números inteiros de 0 a 10. Notas fora desse padrão são desconsideradas.
{% endhint %}

### Tabela

O **Gráfico de tabela** representa os extra1 e extra2 que é a quantidade total de eventos (incluindo eventos com extras nulos) e a quantidade de cada valor de extra1 (não incluindo eventos com extras nulos) e a quantidade de cada valor de extra2 dentro de cada valor de extra1.

![](/files/-McEXzxbhdK-j-uJv0Ip)

![](/files/-McEXdZTWmybM6WRJxjg)

### Agrupamento de valores

Ao criar ou editar um gráfico de barra, linha ou pizza, será disponibilizado a opção de adicionar agrupamento de valores.

![](/files/-Mb2fYQ-soBHfvBZiorG)

Pode ser criado vários grupos que serão aplicados para agrupar valores de extra1 e extra2.&#x20;

Em cada grupo é preciso das seguintes informações:

![](/files/-Mb2g6PvD5eaMC94QV7Q)

* Nome
* Valores do grupo
  * exemplos: qualquer valor nos extras iguais a um dos valores do grupo (sim, SIM, S, s, Sim, si) passará a ser contabilizado como Sim.

{% hint style="info" %}
Não é possível cria mais de um grupo com o mesmo nome
{% endhint %}

#### Comparações

Exemplo a ser demonstrado:

* &#x20;*escolha, escolha1 e escolha2 -> Escolhas*
* *sim, si, s* -> Sim
* *nao, n -> Não*

{% tabs %}
{% tab title="Com" %}
![](/files/-Mb2h7EmSfCtPVsV9cSF)
{% endtab %}

{% tab title="Sem" %}
![](/files/-Mb2h54Zv0M6cAKtU0S7)
{% endtab %}
{% endtabs %}

{% hint style="info" %}
Não é possível colocar valores igual em agrupamentos diferentes.
{% endhint %}

## Fixar valor específico

A opção `fixar valor especifico` ajuda você a personalizar seus gráficos, definindo um valor padrão a ser comparado:

![](/files/-M_zpGWGwmOamQ11ZZuQ)

O próximo passo é digitar um termo que será um filtro para o extra oposto ao escolhido.\
\
Observe no exemplo abaixo que o gráfico nos mostrará os dados presentes no extra 2, e somente será exibido os dados onde o valor de extra 1 seja `menu`.

![](/files/-M_zphmAyU0E-475i_hP)

![](/files/-M_z_RUgCEM6QfiXnY3D)

{% hint style="info" %}
Opção disponível apenas para os gráficos de barra, linha e pizza
{% endhint %}

{% hint style="info" %}
&#x20;A opção `contagem simples` dos gráficos em linha não possuem a opção de `fixar valor específico`
{% endhint %}

## Download PDF&#x20;

Faça download de todas as métricas e dos gráficos clicando no botão azul, localizado no canto inferior direito.

![](/files/-MRvz3YZQB3UIPlobEt2)

* Exportar testes
* Exportar detalhes

![](/files/-MfiEYIHn1rEBSAja-vh)

## Exportar CSV

Para exportar CVS use o mesmo **botão azul** localizado no **canto inferior direito**, em que são feitos os downloads. Abrirá um formulário para escolha dos filtros que serão usados para obter os dados do relatório.

![](/files/-MlHM92gz-n2hhWa8Rrw)

**Para eventos:** use os filtros **canal, período, eventos, incluir eventos de atendimento de teste ou detalhes**

![](/files/-MlHOZOoZQtcIiFYXoQg)

* Para extrair os [details](/build/assistentes/builder/componentes/events.md) basta selecionar a opção **“Exportar detalhes”** e digitar quais os campos (**fields**) você deseja ter no relatório, como o exemplo na imagem acima.
* É possível preencher até 5 campos com o nome do field para download no .csv\
  **Exemplo:** o evento abaixo está configurado no Builder. Para realizar a exportação dos detalhes, o objeto details deverá ser preenchido com os fields desejados e seus respectivos valores.

Exemplo do nó configurado:

```
[
   {
       "event_name": "transbordo",
       "details": {
           "field1": "<?  $email ?>",
           "field2": "1234",
           "field3": "contact.phone"
       },
       "extra1": "source_widget",
   }
]
```

**Para gráficos:**\
É possível exportar os dados do gráfico principal e dos gráficos personalizados para um arquivo do excel (xlsx).\
\
O arquivo será composto da seguinte forma:

&#x20;**Gráfico Principal:**

* **Nome do arquivo:** Métricas\_Gráfico Principal - \<id do dashboard>.xlsx
* **Nome da aba (planilha):** Gráfico Principal - \<id do dashboard>
* **Linha:** data de cada dia do período definido&#x20;
* **Coluna:** quantidade por dia de cada métrica

&#x20;**Gráfico Personalizado:**

* **Nome do arquivo:** Métricas\_\<título do gráfico>.xlsx
* **Nome da aba (planilha):** nome do evento
  * **Gráfico de Linha - Contagem Simples**&#x20;

    * **Linha:** data de cada dia do período definido&#x20;
    * **Coluna:** quantidade total no dia

  * **Gráfico de Linha - Extra 1 ou Extra 2**&#x20;

    * **Linha:** data de cada dia do período definido&#x20;
    * **Coluna:** quantidade por dia de cada valor do extra

  * **Gráfico de Barra ou Pizza**&#x20;
    * **Linha:** valor do extra1 ou extra2&#x20;
    * **Coluna:** quantidade total no período definido

Exempl&#x6F;**:**

![](/files/-MZtlREvCgx1nj-_Wqrf)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.altu.d1.cx/monitor/dashboard/graficos.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
