---
title: "Chart Widget: Settings Overview"
url: https://theplusaddons.com/docs/chart-widget-settings-overview/
date: 2024-02-05
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/Chart-Widget_-Settings-Overview-1024x536.jpg
word_count: 353
---

# Chart Widget: Settings Overview

## 

- The Chart widget from The Plus Addons for Elementor adds six chart types: Line, Bar, Radar, Doughnut & Pie, Polar Area, and Bubble.
- The Chart widget uses three data sources: manual Custom data, a CSV file URL, or a Google Sheet.
- The Dataset tab accepts a Label and pipe-separated Data values for each series, and the front end renders a real interactive Chart.js bar chart with axes and a legend.

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.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-charts/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/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**.

![Chart Type control with Custom, CSV File and Google Sheet options](https://theplusaddons.com/wp-content/uploads/2026/09/chart-chart-type.webp)

With Chart Type set to Custom, the **Select Chart** control picks the chart shape - Line, Bar, Radar, Doughnut & Pie, Polar Area or Bubble.

![Select Chart control set to Line](https://theplusaddons.com/wp-content/uploads/2026/09/chart-select-chart-line.webp)

### Dataset

In the **Dataset** tab, add a **Label** and **Data** (values separated by `|`) for each data series, then click **+ Add Item** for more series.

![Dataset tab with Label and Data fields for one series](https://theplusaddons.com/wp-content/uploads/2026/09/chart-dataset.webp)

## 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.

## Related Docs

- [How to Create a Bar Graph in Elementor?](https://theplusaddons.com/docs/bar-graph-in-elementor/)- [How to Create a Radar Chart in Elementor?](https://theplusaddons.com/docs/radar-chart-in-elementor/)- [How to Create a Pie Chart in Elementor (Doughnut Chart)?](https://theplusaddons.com/docs/pie-chart-in-elementor/)

## Frequently Asked Questions

**Q: Why is my Chart widget not showing up in Elementor?**
A: The Chart widget is a Pro widget in The Plus Addons for Elementor, so it only appears when the paid version is installed and activated. The page also says Elementor free must be installed and active. If the widget still does not show, the usual miss is leaving the Chart toggle off under The Plus Addons > Widgets. That matters because the widget cannot be used until it is enabled in the plugin settings.

**Q: Can I build charts from a CSV file or Google Sheet?**
A: The Chart widget from The Plus Addons for Elementor supports three data sources: manual Custom data, a CSV file URL, or a Google Sheet. That gives you a clean split between quick hand-entered charts and charts that can be driven from external data. For anything that changes often, CSV or Google Sheet is the practical choice because it avoids rebuilding the dataset by hand.

**Q: What chart types does the Chart widget support?**
A: The widget supports six chart types: Line, Bar, Radar, Doughnut & Pie, Polar Area, and Bubble. That range covers simple trend charts, comparison charts, and more visual summary styles. In practice, the chart type matters more than most people expect because the wrong shape makes data harder to read even if the numbers are correct.

**Q: What do I enter in the Dataset tab for each series?**
A: Each series needs a Label and Data value, and the Data values are separated by pipe characters. The page also says you can click + Add Item to add more series. That setup is important because one mislabeled series can make the legend confusing even when the chart itself renders correctly.

**Q: What is the default chart type setting in Chart Widget: Settings Overview?**
A: Chart Type defaults to Custom, which means manual data entry. When Custom is selected, Select Chart controls the shape and lets you switch between Line, Bar, Radar, Doughnut & Pie, Polar Area, or Bubble. That default makes sense for quick setup because it keeps you in control of the dataset instead of depending on an external file or sheet.

**Q: Does the Chart widget actually render as a real interactive chart on the front end?**
A: The front end behavior confirmed on the page shows a Bar chart with one dataset row rendering as a real interactive Chart.js bar chart with axes and a legend. That matters because it is not just a static image or broken canvas. For users, that means the output behaves like an actual chart component inside Elementor rather than a decorative graphic.