Skip to content

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

Table Of Content

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.

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.

Steps

  1. Add the Chart widget to the page, leave Chart Type as Custom.
  2. From Select Chart, choose Doughnut & Pie.
  3. From Orientation, choose Pie or Doughnut.
  4. In Label Value, add labels separated by |.
  5. In the Dataset tab, add your data values and per-slice colors.
Orientation control set to pie

Related Docs

Related Frequently Asked Questions

Related Docs