Recursos · Integración n8n

Integración QuickChart n8nAutomatiza QuickChart con n8n.

Un número suelto no convence a nadie; un gráfico sí. La integración QuickChart n8n se resume en 1 operación y 5 tipos de gráfico, sin disparador propio, así que cualquier flujo puede llamarla cuando toca. Devuelve una imagen en forma de archivo, lista para enviar, publicar o guardar.

Probar la integración QuickChart en n8nVer las 1 operaciones

Reseñas verificadas en Trustpilot · Agencia de IA, automatización y growth

Por qué automatizar

¿Qué hace en realidad la integración QuickChart n8n?

El nodo QuickChart toma datos que ya circulan por un flujo y devuelve una imagen con el gráfico. Eliges el tipo, pasas las etiquetas y los valores, das nombre al campo que llevará el archivo, y el resto del flujo trata esa imagen como cualquier adjunto.

El catálogo de n8n registra 1 operación y 1 recurso para este nodo, y ningún disparador: es un paso dentro de un flujo, nunca su punto de partida.

El primero es el panel semanal de ventas. Un flujo programado lee las filas de Google Sheets, un nodo Code las convierte en una lista de valores y QuickChart dibuja un gráfico de barras. La imagen se publica en un canal de Slack, donde el equipo capta la tendencia de un vistazo.

El segundo vive en el correo. Un gráfico de líneas con la evolución de suscriptores, generado en PDF gracias al campo Format, viaja adjunto en el envío mensual que sale por Gmail. Format también acepta PNG, SVG y WebP, así que el mismo dato sirve para una diapositiva o para una página.

El tercero es puro archivo. Un gráfico de tarta con el reparto de incidencias, regenerado cada mañana y guardado en una carpeta, acaba contando la historia del trimestre sin que nadie escriba un informe. Nadie lo consulta a diario, y ahí está la gracia: el registro existe el día que alguien pregunta qué pasó el mes pasado.

El nodo es estrecho a propósito. Una operación, un conjunto de etiquetas, un conjunto de valores y una imagen. Lo demás que ofrezca la API de QuickChart no está expuesto aquí, y ahí entra el nodo HTTP Request: llama a cualquier dirección de la API y encaja en el mismo flujo.

Hay dos detalles que conviene saber antes y no a mitad de camino. La salida es binaria, no JSON, así que un nodo posterior que busque campos se queda con las manos vacías si no lee el campo binario por su nombre. Y el gráfico vale lo que valga el array que le entregas, lo que casi siempre obliga a poner un nodo Code o Set entre la fuente y QuickChart. Para decidir la plataforma, la Reseña n8n lo cuenta con calma.

Conexión

¿Cómo se conecta QuickChart con n8n?

  1. 01

    Añadir el nodo al flujo

    El nodo QuickChart viene incluido en n8n, tanto en n8n Cloud como en una instancia autoalojada, así que no hay nada que instalar. Abre el panel de nodos, escribe QuickChart y colócalo después de lo que produzca tus números. No tiene selector de autenticación, o sea que no hay credential que crear. Un credential es la ficha de conexión que n8n guarda una vez y reutiliza en todos los flujos; este nodo no pide ninguna.

  2. 02

    Elegir el tipo y las etiquetas

    Chart Type ofrece cinco valores: bar, doughnut, line, pie y polarArea. Add Labels decide de dónde salen las etiquetas: con manually las añades una a una en Labels; con array, el campo Labels Array espera la lista entera, del estilo ["Berlin", "Paris", "Rome", "New York"].

  3. 03

    Conectar los datos y nombrar la salida

    Data recibe el conjunto de valores, un array JSON como [60, 10, 12, 20], normalmente montado por un nodo anterior y pasado con una expresión, {{ $json.field }}. Una expresión es la fórmula que busca un campo del item que entra. Put Output In Field pone nombre al archivo generado, el mismo que verás luego en la pestaña Binary.

Acciones

Qué sabe hacer el nodo QuickChart

El nodo QuickChart expone una operación. Para cada una: el nodo tal como lo configuras en n8n, los campos obligatorios y nuestras notas de campo.

01

Create a chart via QuickChart

execute

Lo que ves en n8n

Notas y casos de uso

La única operación del nodo arma un gráfico con las etiquetas y los valores que recibe, y devuelve la imagen ya renderizada como archivo del item.

Parámetros clave

  • Chart Type: bar, doughnut, line, pie o polarArea.
  • Labels: las etiquetas añadidas una a una; pon Add Labels en array y Labels Array recoge la lista completa.
  • Data: los valores, en array JSON del tipo [60, 10, 12, 20], a menudo {{ $json.field }}.
  • Put Output In Field: el nombre del campo binario que llevará la imagen.
Casos de uso
dibujar el reparto de pedidos por región y dejar el archivo en el informe que ya circula cada mes.
Necesitas ayuda

¿Necesitas ayuda para automatizar QuickChart con n8n?

El equipo te responde directamente.

Cada mensaje lo lee una persona.

FAQ

QuickChart y n8n: preguntas frecuentes

01¿La integración QuickChart n8n es gratis?
Sí, por el lado de n8n. El nodo QuickChart viene incluido con n8n: nada que instalar y ningún coste extra por parte de n8n, ya uses n8n Cloud o una instancia autoalojada bajo Community Edition y su licencia Sustainable Use. Un flujo se comporta igual en los dos sitios, así que un gráfico afinado en local funciona igual una vez desplegado. Lo que cueste QuickChart por su cuenta es otra historia y esta página no la cuenta, porque la documentación del nodo no habla de precios. El presupuesto de n8n se reduce a tu plan actual más el alojamiento si llevas tu propia instancia.
02¿Qué credential necesita el nodo QuickChart?
Ninguna. El nodo no tiene selector de autenticación: ni clave de API que pegar, ni pantalla de OAuth, ni nada que crear en el menú Credentials antes de empezar. No es lo habitual. La mayoría de nodos de n8n piden guardar una ficha de conexión una vez y luego la ofrecen en un desplegable en cada flujo. Aquí colocas el nodo y rellenas Labels, Data y Put Output In Field. En la práctica, puedes añadir un paso de gráfico a un flujo existente sin pedirle acceso a nadie, algo poco frecuente en el catálogo de integraciones.
03¿Qué límites tiene el nodo QuickChart en n8n?
Hace una sola cosa. El catálogo registra 1 operación y 1 recurso, así que todo pasa por Create a chart via QuickChart: eliges uno de los 5 tipos de gráfico, entregas etiquetas y valores, y recibes un archivo. La colección opcional suma 11 campos, entre ellos Format, Width, Height, Background Color y Horizontal, que afectan al aspecto y no a lo que el nodo puede hacer. No hay operación para actualizar un gráfico ni para listar los ya generados. Cuando falta algo, el nodo HTTP Request llama a cualquier dirección de la API dentro del mismo flujo.
04¿Tiene QuickChart un trigger en n8n?
No, no existe un nodo trigger de QuickChart. Un trigger es el nodo que arranca un flujo, y aquí hay que buscarlo en otra parte. Tres opciones cubren casi todo: el Schedule Trigger, que salta cada cierto intervalo fijo y encaja con un gráfico diario o semanal; el nodo Webhook de n8n, una URL a la que un servicio externo llama cuando ocurre algo de su lado; o el trigger de otra herramienta que ya esté en el flujo. El paso del gráfico se coloca después entre el nodo que calcula los números y el que entrega la imagen.
05¿n8n o Make para QuickChart?
Depende de dónde vivan tus datos y de cómo quieras pagar. n8n se instala en tu propio servidor con Docker o npm, o se usa en n8n Cloud, y el flujo es el mismo en ambos casos, algo que pesa cuando los números del gráfico son datos de clientes que prefieres no mover. Make solo existe alojado, sin opción de autoalojarlo, y factura por operación, así que un flujo que genera un gráfico por cada fila se encarece según sube el volumen. Los dos montan flujos en visual. Si el gráfico es un paso más de una cadena que ya corre en n8n, este nodo es el camino corto.
Hack'celeration Lab

Recibe nuestros tips de integración cada semana.

Sin spam. Cancela cuando quieras.

Misma plataforma

Otros docs útiles sobre este stack.

Ver todas las integraciones