Zum Inhalt springen
NEUMarktplatz und trig8n Agent: Verkaufen Sie, was Sie bauen, und erhalten Sie Pläne und Änderungen, die getestet sind, bevor Sie sie sehen. Neuigkeiten ansehen

Bibliothek / Berichte, Analysen & Dashboards

Berichte, Analysen & Dashboards

QuickChart-Liniendiagramm erstellen und in Drive speichern

Beim Ausführen wandelt QuickChart JSON-Testdaten in ein Liniendiagramm-Bild um und lädt es in Google Drive hoch.

Was sie bewirkt

## Chart Generator Generate Dynamic Line Chart from JSON Data to Upload to Google Drive ### How to Use & Customize * Change Input Data: Modify the labels and salesData arrays within the Edit Fields: Set JSON data to test node to use your own data. Ensure the number of labels matches the number of data points. * Use Real Data Sources: Replace the Edit Fields: Set JSON data to test node with nodes that fetch data from real sources like: * HTTP Request (APIs) * Postgres / MongoDB nodes (Databases) * Google Sheets node * Ensure the output data from your source node is formatted similarly (providing labels and salesData arrays). You might need another Set node to structure the data correctly before the QuickChart node. * Change Chart Type: In the QuickChart node, modify the Chart Type parameter (e.g., change from line to bar, pie, doughnut, etc.). * Customize Chart Appearance: Explore the Chart Options parameter within the QuickChart node to add titles, change colors, modify axes, etc., using QuickChart's standard JSON configuration options. * Use Datasets (Recommended for Complex Charts): For multiple lines/bars or more control, configure datasets explicitly in the QuickChart node: * Remove the expression from the top-level Data field. * Go to Dataset Options -> Add option -> Add dataset. * Set the Data field within the dataset using an expression like {{ $json.jsonData.salesData }}. * You can add multiple datasets this way. * Change Output Destination: Replace the Google Drive: Upload File node with other nodes to handle the chart image differently: * Write Binary File: Save the chart to the local filesystem where n8n is running. * Slack / Discord / Telegram: Send the chart to messaging platforms. * Move Binary Data: Convert the image to Base64 to embed in HTML or return via webhook response.

Die Schritte

  1. QuickChart
  2. Edit Fields: Set JSON data to test
  3. Google Drive: Upload File
  4. When clicking ‘Test workflow’
  5. Error Handler for 393665db
  6. Error Handler

Ähnliche Automatisierungen