Sky Addons  ·  Elementor Widget
INTRODUCING

Pie and Doughnut Chart

Pie and doughnut charts for Elementor — proportions and shares drawn from your own values, labelled and colour-coded.

Design 1

Pie and Doughnut Chart

The Pie Chart is a powerful data visualization tool that can make your website more attractive and user-friendly.
The Pie and Doughnut Chart revolutionizes the way you can showcase your data.

Design 2

Data Visualization

It gives you the ability to present your data in an intuitive way and seamlessly integrate it into your website using Elementor as the frontend editor.

Design 3

Beautiful Pie Chart

With different chart types, and the ability to easily experiment with colors, shapes, labels and more,
you’ll be able to create a beautiful Pie Chart for Elementor in minutes!

FAQ
Frequently asked

Pie and Doughnut Chart

Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.

Still stuck?

Read the documentation for this one, or write to us — a human answers inside a business day.

Can this widget make a doughnut chart as well as a pie?

Yes — one Type control switches between Pie and Doughnut. The Pie and Doughnut Chart widget in Sky Addons for Elementor keeps the same slices, colours and legend either way, so you can try a hollow centre and go back without re-entering a single value.

How do I add slices to an Elementor pie chart?

One Dataset row equals one slice. In the Sky Addons Pie and Doughnut Chart, each row holds a Label, a single number, a fill colour, a border colour and their hover versions — there is no separate list of category names to keep in sync, because the slice carries its own label.

Do my pie chart values have to add up to 100?

No. The Sky Addons Pie and Doughnut Chart works out each slice as its share of the total of every row, so raw counts work directly — 412, 180 and 96 responses draw exactly the same picture as 60, 26 and 14 percent. Nothing needs converting before you type it in.

Can a pie slice pop out when someone hovers it?

Yes, and per slice. Each Dataset row in the Sky Addons Pie and Doughnut Chart has a Hover Offset slider, set to 4px by default and adjustable up to 20px, which pushes that slice out from the centre on hover. Separate hover fill and hover border colours sit on the same row.

Are the percentages printed on the pie slices themselves?

No, and it is worth knowing before you choose this chart. The Sky Addons Pie and Doughnut Chart shows slice names in the legend and the value in a tooltip on hover, but it does not paint numbers onto the slices. On a touch screen with no hover, the legend does the naming.

Can I build a doughnut with two nested rings?

No. The Sky Addons Pie and Doughnut Chart widget assembles a single dataset, so a doughnut is always one ring however many slices it holds. For a breakdown split two ways, use two separate charts or reach for the Sky Addons Bar Chart, which does accept several series at once.

Why does the pie chart have no axis or gridline settings?

Because a pie has no axes to configure. Unlike the Sky Addons Bar and Line Chart widgets, this one registers no scale controls at all — its panel covers slices, legend, title, animation and tooltip styling only. Nothing is missing; the options simply have no meaning on a circular chart.

Is there a limit on how many slices a pie chart can hold?

There is no hard cap — the Sky Addons Pie and Doughnut Chart accepts as many Dataset rows as you add. Readability is the real ceiling: slices worth a few percent become slivers you can only identify from the legend, so grouping the tail into a single Other slice usually reads better.

Where can I move the legend on a pie chart in Elementor?

Top, left, bottom or right, from the Legend Position control. The Sky Addons Pie and Doughnut Chart also lets you reverse the legend order, resize its colour swatches and set its colour and typography. Left or right suits long slice names; top and bottom keep the circle wider.

Should I use a pie chart or a polar area chart?

Use a pie when the parts make up a whole and the eye should read share. Use the Sky Addons Polar Area Chart when the values are independent magnitudes rather than fractions, since it gives every segment an equal slice of the circle and varies the radius instead. Both ship in the same plugin.