# Desenhe gráficos a partir de uma tabela na nota

> Transforme uma pequena tabela em barras, barras empilhadas, linhas ou um gráfico de pizza dentro de uma nota. Inclui o bloco exato, as configurações e os limites.

Source: https://priortasks.com/pt/docs/notes/charts/
Last updated: 2026-11-05

Um gráfico em uma nota é desenhado a partir de uma tabela de números. Mude um número e o gráfico é desenhado de novo. Os gráficos seguem o tema claro ou escuro e não precisam de nada para instalar.

## Inserir um gráfico

Escolha **Gráfico** ou **Pizza** na barra acima da nota, ou digite <kbd>/</kbd> e escolha **Gráfico** ou **Gráfico de pizza**. Aparece um gráfico com dados de exemplo.

Clique no gráfico para editá-lo:

1. Escolha um tipo: **Barras**, **Empilhado**, **Linhas** ou **Pizza**.
2. Digite um título no campo **Título do gráfico** (até 120 caracteres).
3. Edite os dados na tabela abaixo do gráfico. Clique em uma célula e digite. A página sobre [tabelas](https://priortasks.com/pt/docs/notes/tables/) explica as teclas.
4. Pressione <kbd>Esc</kbd>, ou clique fora, quando terminar.

O botão de lixeira, **Excluir gráfico**, remove o gráfico e pode ser desfeito. **Dados**, abaixo de um gráfico desenhado, mostra os números dele como uma tabela, o que também ajuda quem não consegue ver o gráfico. Quem apenas vê uma nota compartilhada também pode usá-lo.

## Como os dados são lidos

A primeira coluna tem os rótulos. Cada outra coluna é uma série, com o cabeçalho como nome da série. A pizza usa só a primeira série: a primeira coluna tem as fatias, e a segunda, os valores.

Os números são lidos como nas [tabelas](https://priortasks.com/pt/docs/notes/tables/): `1 234,5`, `12 %`, `4,5 €`. A primeira unidade encontrada (um símbolo de moeda ou `%`) é escrita no eixo e nos valores. Uma célula que não é número deixa uma lacuna, e uma coluna sem nenhum número não é desenhada. Uma tabela vazia mostra “Adicione números à tabela para desenhar o gráfico.”

## O Markdown por trás de um gráfico

Um gráfico é um bloco cercado, com o rótulo `chart`: linhas opcionais `type:` e `title:` e, depois, uma tabela Markdown.

````
```chart
type: line
title: Visits per month
| Month | 2025 | 2026 |
| --- | --- | --- |
| Jan | 1200 | 1600 |
| Feb | 1350 | 1900 |
| Mar | 1500 | 2300 |
```
````

- `type:` pode ser `bar`, `stacked`, `line` ou `pie`. Um tipo ausente ou desconhecido desenha barras.
- `title:` é opcional.
- A tabela precisa de uma linha de cabeçalho e uma linha de traços, como qualquer tabela.

Você pode digitar esse bloco à mão. O editor o transforma em gráfico quando você clica fora.

## O que cada tipo mostra

| Tipo | Use para |
| --- | --- |
| Barras | Comparar valores entre categorias, uma barra por série |
| Empilhado | Partes de um total em cada categoria |
| Linhas | Uma mudança ao longo do tempo. Com uma série, a área sob a linha fica sombreada. |
| Pizza | Partes de um todo |

- Um gráfico mostra no máximo 8 séries. Uma legenda aparece a partir de duas séries.
- Uma pizza mostra no máximo 7 fatias. Com mais linhas, as seis maiores ficam e o resto é agrupado como **Outros**. Só contam valores acima de zero. Fatias de 5 % ou mais mostram a sua parte ao lado.
- Aponte para um gráfico, ou selecione-o e use as setas, para ler o valor de uma posição.
- As cores vêm da paleta do Prior para o tema atual. Uma nota não pode definir as próprias cores.

## Bom saber

- Versões mais antigas do Prior, e apps que não conhecem gráficos, mostram o bloco como um bloco de código com o rótulo `chart`. Os dados continuam legíveis.
- Em uma [nota compartilhada](https://priortasks.com/pt/docs/notes/shared-notes/), duas pessoas podem alterar os dados ao mesmo tempo, e as duas alterações são mantidas. Se duas pessoas escolherem tipos diferentes no mesmo momento, o gráfico desenha barras até alguém escolher de novo. Os dados não são alterados.
- Dentro de um cartão de estudo, o mesmo bloco desenha um gráfico. Veja [Escolha um tipo de cartão e escreva cartões](https://priortasks.com/pt/docs/flashcards/card-types/).