Ressources · Intégration n8n

Intégration QuickChart n8nAutomatiser QuickChart avec n8n.

Tes chiffres méritent mieux qu'un tableau de plus. L'intégration QuickChart n8n tient dans 1 opération et 5 types de graphiques, sans déclencheur propre : n'importe quel workflow l'appelle au moment voulu. Elle renvoie une image sous forme de fichier, prête à envoyer, publier ou archiver.

Tester l'intégration QuickChart sur n8nVoir les 1 opérations

Avis vérifiés sur Trustpilot · Agence IA, automatisation & growth

Pourquoi automatiser

Que fait vraiment l'intégration QuickChart n8n ?

Le nœud QuickChart prend des données qui circulent déjà dans un workflow et en sort une image de graphique. Tu choisis le type, tu donnes les libellés et les valeurs, tu nommes le champ qui portera le fichier, et la suite du workflow traite cette image comme une pièce jointe ordinaire.

Le catalogue n8n annonce 1 opération et 1 ressource pour ce nœud, sans déclencheur : c'est une étape au milieu d'un workflow, jamais son point de départ.

Premier cas, le reporting client. Chaque fin de mois, un workflow lit les résultats stockés dans Google Sheets, les transforme en série de valeurs, et QuickChart en tire une courbe. Le fichier part ensuite dans le rapport envoyé par Gmail, à côté du commentaire écrit à la main. Le client voit la tendance avant de lire une seule ligne.

Deuxième cas, l'alerte visuelle. Un workflow compte les demandes reçues par catégorie et génère un camembert quand l'une d'elles prend toute la place. L'image atterrit dans un message Slack, et la discussion démarre sur le sujet plutôt que sur le chiffre exact.

Troisième cas, l'archive. Un graphique en barres produit chaque matin au format PDF et déposé dans un dossier finit par raconter le trimestre sans que personne rédige de rapport. Le champ Format accepte aussi PNG, SVG et WebP, donc la même donnée sert pour une slide ou une page web.

Le nœud reste volontairement étroit. Une opération, un jeu de libellés, un jeu de valeurs, une image. Tout ce que l'API QuickChart sait faire par ailleurs n'est pas exposé ici : c'est le rôle du nœud HTTP Request, qui appelle n'importe quelle adresse de l'API et se branche dans le même workflow.

Deux détails coûtent cher quand on les découvre en cours de route. La sortie est binaire, pas du JSON, donc un nœud suivant qui cherche des champs ne trouve rien tant qu'il ne lit pas le champ binaire par son nom. Et le graphique vaut ce que vaut le tableau que tu lui passes, ce qui met presque toujours un nœud Code ou Set entre la source et QuickChart. Pour le reste du choix de plateforme, l'Avis n8n fait le tour.

Connexion

Comment brancher QuickChart dans n8n ?

  1. 01

    Ajouter le nœud au workflow

    Le nœud QuickChart est livré avec n8n, sur n8n Cloud comme sur une instance auto-hébergée : rien à installer. Ouvre le panneau des nœuds, tape QuickChart, place-le après ce qui produit tes chiffres. Il n'a aucun sélecteur d'authentification, donc pas de credential à créer. Un credential, c'est la fiche de connexion que n8n enregistre une fois et repropose dans tous les workflows. Ce nœud n'en demande aucune.

  2. 02

    Choisir le type et les libellés

    Chart Type propose cinq valeurs : bar, doughnut, line, pie et polarArea. Add Labels décide ensuite d'où viennent les libellés : sur manually, tu les ajoutes un par un dans Labels ; sur array, le champ Labels Array attend la liste complète, du type ["Berlin", "Paris", "Rome", "New York"].

  3. 03

    Brancher les données et nommer la sortie

    Data reçoit le jeu de valeurs, un tableau JSON comme [60, 10, 12, 20], le plus souvent construit par un nœud précédent et injecté par une expression, {{ $json.field }}. Une expression, c'est la formule qui va chercher un champ de l'item entrant. Put Output In Field donne un nom au fichier généré, celui que tu retrouves ensuite sous l'onglet Binary.

Actions

Ce que le nœud QuickChart sait faire

Le nœud QuickChart expose une opération. Pour chacune : le nœud tel que tu le configures dans n8n, les champs obligatoires, et nos notes de terrain.

01

Create a chart via QuickChart

execute

Ce que tu vois dans n8n

Notes & cas d'usage

L'unique opération du nœud construit un graphique à partir des libellés et des valeurs reçus, puis renvoie l'image rendue en fichier sur l'item.

Paramètres clés

  • Chart Type : bar, doughnut, line, pie ou polarArea.
  • Labels : les libellés saisis un par un ; passe Add Labels sur array et Labels Array prend la liste entière.
  • Data : les valeurs, en tableau JSON du type [60, 10, 12, 20], souvent {{ $json.field }}.
  • Put Output In Field : le nom du champ binaire qui portera l'image.
Cas d'usage
sortir la courbe des inscriptions du mois et la joindre au rapport que le client reçoit déjà.
Besoin d'aide

Besoin d'aide pour automatiser QuickChart avec n8n ?

L'équipe te répond directement.

Chaque message est lu par une personne.

FAQ

QuickChart et n8n : les questions fréquentes

01L'intégration QuickChart n8n est-elle gratuite ?
Oui, côté n8n. Le nœud QuickChart est livré avec n8n : rien à installer, aucun coût supplémentaire côté n8n, que tu passes par n8n Cloud ou par une instance auto-hébergée sous Community Edition et sa licence Sustainable Use. Un workflow se comporte pareil des deux côtés, donc un graphique mis au point en local tourne tel quel une fois déployé. Ce que coûte QuickChart lui-même est une autre question, et cette page n'y répond pas : la documentation du nœud ne dit rien sur le sujet. Le budget n8n, lui, se résume à ton offre actuelle, plus l'hébergement si tu gères ta propre instance.
02Quel credential faut-il pour le nœud QuickChart ?
Aucun. Le nœud n'a pas de sélecteur d'authentification : pas de clé d'API à coller, pas d'écran OAuth, rien à créer dans le menu Credentials avant de commencer. C'est inhabituel. La plupart des nœuds n8n demandent d'enregistrer une fiche de connexion une seule fois, puis la reproposent dans une liste déroulante à chaque workflow. Ici, tu poses le nœud et tu remplis Labels, Data et Put Output In Field. En pratique, une étape graphique s'ajoute à un workflow existant sans demander d'accès à personne, ce qui reste rare dans le catalogue d'intégrations.
03Quelles sont les limites du nœud QuickChart dans n8n ?
Il fait une seule chose. Le catalogue annonce 1 opération et 1 ressource : tout passe par Create a chart via QuickChart, avec 5 types de graphiques au choix, des libellés, un jeu de valeurs, et un fichier en retour. La collection facultative ajoute 11 champs, dont Format, Width, Height, Background Color et Horizontal, qui touchent à l'apparence et pas à ce que le nœud sait faire. Aucune opération ne met à jour un graphique existant ni ne liste ceux déjà produits. Quand il manque quelque chose, le nœud HTTP Request appelle n'importe quelle adresse de l'API dans le même workflow.
04QuickChart a-t-il un trigger dans n8n ?
Non, il n'existe pas de nœud trigger QuickChart. Un trigger, c'est le nœud qui démarre un workflow, et il faut donc en choisir un autre. Trois options couvrent la quasi-totalité des cas : le Schedule Trigger, qui se déclenche à intervalle fixe et convient à un graphique quotidien ou hebdomadaire ; le nœud Webhook de n8n, une URL qu'un service tiers appelle quand quelque chose se passe chez lui ; ou le trigger d'un autre outil déjà présent dans le workflow. L'étape graphique se place ensuite entre le nœud qui fabrique les chiffres et celui qui livre l'image.
05n8n ou Make pour QuickChart ?
Ça dépend de tes données et de ton modèle de coût. n8n s'installe sur ton propre serveur avec Docker ou npm, ou s'utilise sur n8n Cloud, et le workflow est identique dans les deux cas : utile quand les chiffres derrière le graphique sont des données clients que tu préfères garder chez toi. Make est hébergé uniquement, sans auto-hébergement possible, et facture à l'opération, donc un workflow qui génère un graphique par ligne coûte de plus en plus cher à mesure que le volume monte. Les deux construisent des workflows en visuel. Si le graphique n'est qu'une étape d'une chaîne déjà montée dans n8n, ce nœud est le chemin court.
Hack'celeration Lab

Reçois nos tips intégration chaque semaine.

Pas de spam. Désinscription à tout moment.

Même plateforme

Autres docs utiles sur ce stack.

Voir toutes les intégrations