# Gráficos

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

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MIQ2q2NyBr2sWziJuse%2F-MIQ8XmzVBs4KtXfvHx1%2FGrafico.gif?alt=media\&token=a1162268-5e20-40d8-a220-56ba23bb6022)

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

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MT6CnV8zkfBqRnkzxUb%2F-MT6CwaK5Cz4IY4btscf%2Ftelacheia.gif?alt=media\&token=2a8e8c94-c7c7-4a6b-9799-4fd5a2985dfe)

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.

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MZr4raYRjZP3M4grbuL%2F-MZrCwZZmS6KpULa3XUK%2Fadicionargrafico.gif?alt=media\&token=393a1a0d-0d13-40b2-b650-6f58da668d65)

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

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-Mfi9_6lQ9NP8qgfzVQf%2F-MfiC6_V8qq5dDuFTooB%2Fimage%20\(34\).png?alt=media\&token=7b39d4c9-9f53-4831-89d7-810fd95337d6)

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

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MQluWy80G7JnzbtVP8D%2F-MQlyDSJWSGY8kF__nNB%2Fextra1extra2.gif?alt=media\&token=68a8681a-50c3-4341-9edc-27f8756d14a8)

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

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-McEUmz4tp3G75QzHWJN%2F-McEXzxbhdK-j-uJv0Ip%2Fimage.png?alt=media\&token=2d8b1ade-baab-4859-afde-af35e7af3a45)

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-McEUmz4tp3G75QzHWJN%2F-McEXdZTWmybM6WRJxjg%2Fimage%20\(14\).png?alt=media\&token=e1e4a84c-d742-4aea-90ac-71c2531a59cb)

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

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-Mb2exrMxO6e2EQ3Tjjo%2F-Mb2fYQ-soBHfvBZiorG%2Fimage%20\(8\).png?alt=media\&token=e54edfe7-12fb-4790-98cf-279f8859e78b)

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:

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-Mb2exrMxO6e2EQ3Tjjo%2F-Mb2g6PvD5eaMC94QV7Q%2Fimage%20\(9\).png?alt=media\&token=59edae7c-91d0-4336-8db3-d9262470a825)

* 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" %}
![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-Mb2exrMxO6e2EQ3Tjjo%2F-Mb2h7EmSfCtPVsV9cSF%2Fimage%20\(11\).png?alt=media\&token=2e8ab853-9928-4ebf-9828-0189954b43c7)
{% endtab %}

{% tab title="Sem" %}
![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-Mb2exrMxO6e2EQ3Tjjo%2F-Mb2h54Zv0M6cAKtU0S7%2Fimage%20\(10\).png?alt=media\&token=14b89cb1-4e4f-4c2b-8114-4a5391e5b35c)
{% 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:

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-M_zonpZStndUiNHo3A2%2F-M_zpGWGwmOamQ11ZZuQ%2FFixar%20valor%20espec%C3%ADfico.png?alt=media\&token=ae1fd649-5746-4bd6-a013-62164857a8aa)

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

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-M_zonpZStndUiNHo3A2%2F-M_zphmAyU0E-475i_hP%2FFixar%20valor%20oposto.png?alt=media\&token=49248486-1666-4376-b226-8c352d941130)

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-M_zZu2K3AbK8IHUc6L0%2F-M_z_RUgCEM6QfiXnY3D%2FResultado%20gr%C3%A1fico%20com%20valores%20espec%C3%ADficos.png?alt=media\&token=ed1da5c6-c83e-477e-b10f-44cba2692136)

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

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MRvwygFQSLbDGKaKiAu%2F-MRvz3YZQB3UIPlobEt2%2Fdownload12.gif?alt=media\&token=13139ca2-76e3-461d-99d5-4ecc538969f9)

* Exportar testes
* Exportar detalhes

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MfiCYOBVWqiqsHQpbDD%2F-MfiEYIHn1rEBSAja-vh%2FScreenshot%20from%202021-07-28%2011-21-50%20\(1\).png?alt=media\&token=87b0a043-527b-48cf-b3aa-7ee264a0da65)

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

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MlGRdHaezwauDE8QRX-%2F-MlHM92gz-n2hhWa8Rrw%2Fdashs.gif?alt=media\&token=34c89eb0-0b07-4d51-952a-6093e7e97307)

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

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MlHMO4ghmyumhaGa467%2F-MlHOZOoZQtcIiFYXoQg%2Fdash_filtro.png?alt=media\&token=3dca161a-a0c0-4546-9f24-5a3a9762df1e)

* Para extrair os [details](https://docs.altu.d1.cx/build/assistentes/builder/componentes/events) 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;**:**

![](https://776911411-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MBjaNm5lB1Yqgih1JCA%2F-MZtgN2l5b7tMUV1PIw9%2F-MZtlREvCgx1nj-_Wqrf%2FCaptura%20de%20Tela%202021-05-04%20a%CC%80s%2020.43.02.png?alt=media\&token=0862e414-edb4-4c18-94ab-e43cc0396ddd)
