Read this article in English.

Cómo crear gráficos en n8n a partir de tus datos

Q: ¿Puedo recibir un enlace en vez del archivo?

Sí. Cambia output a "url" y quita Response Format: File. Recibirás un enlace que dura 15 minutos.

Actualizado el 26 de octubre de 2026

Tienes los números en n8n (ventas de la semana, leads por canal, tickets abiertos) y quieres mandarlos como gráfico a Slack, por email o a Telegram. Un gráfico se entiende de un vistazo; una tabla de números, no.

n8n sí trae un nodo QuickChart, que dibuja gráficos de barras, rosco, líneas, tarta y polares con el servicio QuickChart (documentación de n8n). Si te basta con eso, úsalo. Esta guía enseña la otra forma: el nodo HTTP Request llamando a la API de Cofferdock, que recibe tus etiquetas y valores y te devuelve la imagen del gráfico lista para el siguiente paso. Compensa si quieres gráficos de radar, o si el mismo flujo también crea PDF, imágenes o capturas y prefieres tenerlo todo en una sola cuenta.

Qué vas a conseguir

Mandas algo así:

Unas etiquetas: Lunes, Martes, Miércoles…
Una o varias series de números: las ventas de cada día.

Y recibes un PNG (o un SVG) con el gráfico. Hay cinco tipos: barras (bar), líneas (line), tarta (pie), dónut (doughnut) y radar (radar).

Lo que necesitas

Una cuenta en Cofferdock. El plan gratis da 50 créditos al mes, sin tarjeta.
Tu API key, que creas en el panel con "+ Crear llave".
Un nodo HTTP Request en tu flujo.

Paso 1: junta los datos en una lista

Si tus datos vienen fila a fila (por ejemplo, de Google Sheets o de una base de datos), el gráfico necesita todas las etiquetas juntas y todos los valores juntos. Para eso está el nodo Aggregate:

Aggregate: Individual Fields.
Añade el campo con las etiquetas (por ejemplo dia) y el campo con los números (por ejemplo ventas).

La salida es un único elemento con dos listas: dia y ventas. Eso es justo lo que necesita el gráfico.

Paso 2: el nodo HTTP Request

Añade un nodo HTTP Request detrás y rellénalo así:

Method: POST
URL: https://api.cofferdock.com/chart
Send Headers: actívalo y añade x-api-key con tu llave.
Send Body: actívalo → Body Content Type: JSON → Specify Body: Using JSON.
En Options → Response → Response Format elige File.

En el cuerpo pega esto:

{
  "type": "bar",
  "title": "Ventas de la semana",
  "labels": {{ JSON.stringify($json.dia) }},
  "series": [
    { "name": "Ventas", "data": {{ JSON.stringify($json.ventas) }} }
  ],
  "width": 800,
  "height": 500,
  "output": "binary"
}

Las dos expresiones {{ JSON.stringify(...) }} meten las listas que salen del nodo Aggregate. El campo output: "binary" hace que la respuesta sea la imagen tal cual, sin base64.

Paso 3: envíalo a donde quieras

La salida del nodo es un archivo PNG. Conéctalo a:

Slack, con la operación de subir un archivo a un canal.
Gmail, como adjunto de un informe semanal.
Telegram, con "Send Photo".
Google Drive, para guardar el histórico.

Un ejemplo completo

Un informe de ventas que llega solo cada lunes:

Schedule Trigger: todos los lunes a las 9:00.
Google Sheets: lee las ventas de la semana pasada.
Aggregate: junta días y ventas en dos listas.
HTTP Request: crea el gráfico de barras.
Slack: lo sube al canal del equipo con un mensaje corto.

Nadie tiene que abrir la hoja de cálculo para saber cómo fue la semana.

Opciones que puedes cambiar

Opción	Valores	Para qué sirve
`type`	`bar`, `line`, `pie`, `doughnut`, `radar`	Tipo de gráfico.
`labels`	Lista de textos (1 a 50)	Lo que va en el eje o en cada porción.
`series`	Lista de 1 a 10 series	Cada serie es `{ "name", "data" }`. La tarta y el dónut usan solo una.
`title`	Texto	Título encima del gráfico.
`width` / `height`	200 a 2000	Tamaño en píxeles.
`format`	`png` o `svg`	Formato de la imagen.

Para comparar dos cosas (por ejemplo, este año y el anterior), añade una segunda serie con su propio name y sus números. Cada serie sale en un color.

¿Cuánto cuesta?

Cada gráfico gasta 1 crédito. El mismo saldo sirve para el resto de herramientas de Cofferdock: HTML a imagen, PDFs, capturas de webs, QR…

Preguntas frecuentes

¿n8n tiene un nodo de gráficos? Sí: el nodo QuickChart (gráficos de barras, rosco, líneas, tarta y polares), que usa el servicio QuickChart. La API de Cofferdock es la alternativa si quieres gráficos de radar o una sola cuenta también para tus otras tareas.

¿Tengo que saber programar? No. Copias el JSON de arriba y cambias los nombres de tus campos.

Me sale un error de que los datos no coinciden. Cada serie tiene que tener tantos números como etiquetas haya. Revisa que el nodo Aggregate no se deje filas vacías.

¿Puedo recibir un enlace en vez del archivo? Sí. Cambia output a "url" y quita Response Format: File. Recibirás un enlace que dura 15 minutos.

Guías relacionadas

HTML a imagen en n8n: tarjetas para redes, recibos y certificados a partir de tu propio HTML
HTML a PDF en n8n: facturas e informes

Pruébalo

Tienes todas las opciones en la página de la herramienta de gráficos y en la referencia de la API. Si aún no tienes cuenta, créala gratis y monta tu primer informe hoy.