Charts and graphs display data in a visually appealing, easy-to-understand way, which can greatly improve the reader’s experience on a page.
With the Chart widget from The Plus Addons for Elementor, you can add six different chart types to your Elementor website, fed from manual data, a CSV file or a Google Sheet.
Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Prerequisite: Elementor (free) installed and active.
- Edition: Chart is a Pro widget – it requires the paid version of The Plus Addons for Elementor. It does not exist in the free plugin.
- Widget to enable: go to The Plus Addons > Widgets, search for Chart and turn its toggle on.
How to Activate the Widget
Go to The Plus Addons > Widgets, search for Chart and turn on its toggle.
Key Features
- Six chart types – Line, Bar, Radar, Doughnut & Pie, Polar Area and Bubble.
- Three data sources – manual (Custom), a CSV file URL, or a Google Sheet.
Steps
Add the Chart widget to the page.
Layout
From Chart Type, choose Custom (the default, manual data entry), CSV File or Google Sheet.
With Chart Type set to Custom, the Select Chart control picks the chart shape – Line, Bar, Radar, Doughnut & Pie, Polar Area or Bubble.
Dataset
In the Dataset tab, add a Label and Data (values separated by |) for each data series, then click + Add Item for more series.
Settings Overview
| Setting | What it does | Default |
|---|---|---|
| Chart Type | Custom, CSV File or Google Sheet as the data source. | Custom |
| Select Chart | Line, Bar, Radar, Doughnut & Pie, Polar Area or Bubble. | Line |
| Dataset | Label + Data (pipe-separated values) per series. | (empty) |
How It Behaves
- Confirmed on the front end: with a Bar chart and one dataset row, the widget genuinely renders a real interactive Chart.js bar chart with axes and a legend – not a static image or a broken canvas.
