> For the complete documentation index, see [llms.txt](https://docs.altu.d1.cx/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.altu.d1.cx/monitor/dashboard/graficos.md).

# 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)
