# Dibujar gráficos desde una tabla de una nota
> Convierte una tabla pequeña en barras, barras apiladas, líneas o un gráfico circular dentro de una nota. Incluye el bloque exacto, sus ajustes y sus límites.
Source: https://priortasks.com/es/docs/notes/charts/
Last updated: 2026-11-05
Un gráfico en una nota se dibuja a partir de una tabla de números. Cambia un número y el gráfico se redibuja. Los gráficos siguen tu tema claro u oscuro y no necesitan instalar nada.
## Insertar un gráfico
Elige **Gráfico** o **Circular** en la barra encima de la nota, o escribe / y elige **Gráfico** o **Gráfico circular**. Aparece un gráfico con datos de ejemplo.
Haz clic en el gráfico para editarlo:
1. Elige un tipo: **Barras**, **Apilado**, **Líneas** o **Circular**.
2. Escribe un título en el campo **Título del gráfico** (hasta 120 caracteres).
3. Edita los datos en la tabla debajo del gráfico. Haz clic en una celda y escribe. [Tablas](https://priortasks.com/es/docs/notes/tables/) explica las teclas.
4. Pulsa Esc, o haz clic fuera, cuando termines.
El botón de papelera, **Eliminar gráfico**, quita el gráfico, y se puede deshacer. **Datos**, debajo de un gráfico dibujado, muestra sus números como una tabla, lo que también ayuda a quien no puede ver el gráfico. Los lectores de una nota compartida también pueden usarlo.
## Cómo se leen los datos
La primera columna contiene las etiquetas. Cada una de las demás columnas es una serie, con su encabezado como nombre de la serie. Un gráfico circular usa solo la primera serie: la primera columna contiene las porciones y la segunda sus valores.
Los números se leen como en las [tablas](https://priortasks.com/es/docs/notes/tables/): `1 234,5`, `12 %`, `4,5 €`. La primera unidad encontrada (un signo de moneda o `%`) se escribe en el eje y en los valores. Una celda que no es un número deja un hueco, y una columna sin ningún número no se dibuja. Una tabla vacía muestra “Añade números a la tabla para dibujar el gráfico.”
## El Markdown de un gráfico
Un gráfico es un bloque delimitado y marcado como `chart`: líneas opcionales `type:` y `title:`, y después una tabla Markdown.
````
```chart
type: line
title: Visits per month
| Month | 2025 | 2026 |
| --- | --- | --- |
| Jan | 1200 | 1600 |
| Feb | 1350 | 1900 |
| Mar | 1500 | 2300 |
```
````
- `type:` puede ser `bar`, `stacked`, `line` o `pie`. Un tipo que falta o no se reconoce dibuja barras.
- `title:` es opcional.
- La tabla necesita una fila de encabezado y una línea de guiones, como cualquier tabla.
Puedes escribir este bloque a mano. El editor lo convierte en gráfico cuando haces clic fuera.
## Qué muestra cada tipo
| Tipo | Úsalo para |
| --- | --- |
| Barras | Comparar valores entre categorías, con una barra por serie |
| Apilado | Partes de un total en cada categoría |
| Líneas | Un cambio en el tiempo. Con una sola serie, el área bajo la línea se sombrea. |
| Circular | Partes de un total |
- Un gráfico muestra como máximo 8 series. La leyenda aparece a partir de dos series.
- Un gráfico circular muestra como máximo 7 porciones. Con más filas, se conservan las seis más grandes y el resto se agrupa como **Otros**. Solo cuentan los valores mayores que cero. Las porciones del 5 % o más muestran su porcentaje junto a ellas.
- Apunta a un gráfico, o enfócalo y usa las flechas, para leer el valor de una posición.
- Los colores vienen de la paleta de Prior para el tema actual. Una nota no puede fijar sus propios colores.
## Conviene saber
- Las versiones anteriores de Prior, y las apps que no conocen los gráficos, muestran el bloque como un bloque de código marcado como `chart`. Los datos siguen siendo legibles.
- En una [nota compartida](https://priortasks.com/es/docs/notes/shared-notes/), dos personas pueden cambiar los datos a la vez, y se conservan ambas ediciones. Si dos personas eligen un tipo distinto en el mismo momento, el gráfico dibuja barras hasta que alguien elija de nuevo. Los datos no se tocan.
- Dentro de una flashcard, el mismo bloque dibuja un gráfico. Consulta [Elegir un tipo de flashcard y escribir flashcards](https://priortasks.com/es/docs/flashcards/card-types/).