---
title: "How to Create a Pie Chart in Elementor (Doughnut Chart)?"
url: https://theplusaddons.com/docs/pie-chart-in-elementor/
date: 2024-02-05
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "Pie charts are a powerful way to visualize proportions and present data clearly and concisely. This doc covers the Doughnut & Pie chart type specifically - see the Settings Overview..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/How-to-Create-a-Pie-Chart-in-Elementor-Doughnut-Chart_-1024x536.jpg
word_count: 181
---

# How to Create a Pie Chart in Elementor (Doughnut Chart)?

## 

- The Plus Addons for Elementor Pro includes the Chart widget, and the post says it requires Elementor (free) installed and active plus the paid version of The Plus Addons for Elementor.
- Chart widget setup starts with Chart Type set to Custom, then Select Chart set to Doughnut & Pie, and Orientation set to Pie or Doughnut.
- Chart widget data entry uses Label Value with labels separated by |, while the Dataset tab holds the data values and per-slice colors.

Pie charts are a powerful way to visualize proportions and present data clearly and concisely.

This doc covers the Doughnut & Pie chart type specifically - see the Settings Overview for every other option.

For the full settings tour of the **Chart** widget, see [Chart Widget: Settings Overview](https://theplusaddons.com/docs/chart-widget-settings-overview/).

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

## Steps

- Add the **Chart** widget to the page, leave **Chart Type** as **Custom**.- From **Select Chart**, choose **Doughnut & Pie**.- From **Orientation**, choose **Pie** or **Doughnut**.- In **Label Value**, add labels separated by `|`.- In the **Dataset** tab, add your data values and per-slice colors.

![Orientation control set to Pie](https://theplusaddons.com/wp-content/uploads/2026/09/chart-pie-orientation.webp)

## Related Docs

- [Chart Widget: Settings Overview](https://theplusaddons.com/docs/chart-widget-settings-overview/)- [How to Create a Bubble Chart in Elementor?](https://theplusaddons.com/docs/bubble-chart-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before creating a pie chart in Elementor?**
A: Elementor free has to be installed and active, and The Plus Addons for Elementor Pro must be installed and activated because the Chart widget is a Pro widget. That matters because the pie chart lives inside the paid version, not the free plugin. In practice, you also need to enable the widget under The Plus Addons > Widgets by searching for Chart and turning it on.

**Q: Why is the Chart widget missing when I try to build a pie chart?**
A: The usual blocker is that the Chart widget is not enabled or the Pro version is not active. The page says this widget exists only in The Plus Addons for Elementor Pro, so it will not appear in the free plugin. A quick check is to open The Plus Addons > Widgets, search for Chart, and switch the toggle on.

**Q: How do I make a doughnut chart instead of a regular pie chart?**
A: The chart type starts as Custom, then you choose Doughnut & Pie from Select Chart and pick Pie or Doughnut from Orientation. That split matters because the same widget handles both styles, so the final look depends on that orientation choice. If you want a cleaner center hole effect, Doughnut is the one to use; if you want a solid circle, pick Pie.

**Q: What is the best way to enter labels for a pie chart in Elementor?**
A: Use Label Value and separate each label with a vertical bar, like |. That formatting matters because the widget reads each slice label from that separator, so inconsistent spacing or missing bars can throw off how your data maps to slices. Keep labels short and matched to your dataset so the chart stays readable at a glance.

**Q: How do I add different colors to each slice of a pie chart?**
A: Slice colors are set in the Dataset tab along with your data values. That setup is important because pie charts depend on color contrast to make proportions easy to scan quickly. If two slices look too similar, the chart becomes harder to read even when the numbers are correct, so assign distinct per-slice colors when you build it.

**Q: Where can I find more settings for the chart widget after making a pie chart?**
A: The page points to [Chart Widget: Settings Overview](https://theplusaddons.com/docs/chart-widget-settings-overview/) for every other option beyond Doughnut and Pie. That’s useful because this tutorial only covers one chart type, while the full settings tour explains the rest of the widget controls. If you want another example of how this family of charts works, there’s also [How to Create a Bubble Chart in Elementor?](https://theplusaddons.com/docs/bubble-chart-in-elementor/).