n8n-nodes-apache-echarts

This is an n8n community node that provides Apache ECharts chart generation functionality.

n8n is a fair-code licensed workflow automation platform.

Apache ECharts is a powerful, interactive charting and data visualization library for browser.

Installation

Follow the installation guide in the n8n community nodes documentation.

Operations

This node supports the following chart types:

Line Chart

• Simple line charts with customizable options
• Support for smooth curves and area charts
• Default example data included

Bar Chart

• Vertical bar charts with stacking support
• Customizable styling options
• Default example data included

Pie Chart

• Standard pie charts with customizable radius
• Support for rose chart variations
• Default example data included

Configuration

Common Options

• Chart Type: Select the type of chart to generate
• Chart Title: Set the title for your chart
• Width/Height: Configure chart dimensions
• Use Default Data: Toggle to use built-in example data
• Output Format: Choose between PNG image (recommended for email) or SVG interactive chart

Chart-Specific Options

Each chart type has its own set of configuration options:

• Line Charts: Smooth curves, area fill
• Bar Charts: Stacking options
• Pie Charts: Radius, rose type variations

Output

The node outputs:

• Chart configuration object (ECharts option)
• Chart metadata (type, dimensions, title, output format)
• Static SVG Mode (Default - Recommended for Email):
  • Pure SVG vector graphics
  • Base64 encoded SVG for embedding
  • HTML with embedded SVG (excellent email compatibility)
  • No native dependencies required
• Interactive SVG Mode:
  • HTML with inline JavaScript and SVG rendering
  • Interactive tooltips and animations

Email-Ready Charts

Static SVG Mode (Default): Perfect for maximum email client compatibility

• ✅ Works in most email clients (Gmail, Outlook, Apple Mail, etc.)
• ✅ No JavaScript execution required
• ✅ Vector graphics - crisp at any size
• ✅ Small file size and fast loading
• ✅ No native dependencies (Canvas-free)

Interactive SVG Mode: For interactive web applications

• 🎯 Interactive tooltips and hover effects
• 📱 Responsive and scalable
• 🔗 Perfect for web dashboards
• 💾 Inline JavaScript for offline viewing

Example Usage

1. Add the Apache ECharts node to your workflow
2. Select your desired chart type
3. Configure the chart options
4. Enable "Use Default Data" for quick testing
5. Execute the workflow to generate your chart

Resources

• n8n community nodes documentation
• Apache ECharts documentation

License

MIT