Pie Chart

Data visualization made easy! The Pie Chart widget for Elementor allows you to present complex data in a simple, beautiful, and interactive format.

This widget comes free with WPMozo Addons Lite. To use it, simply install and activate the free version of plugin.

Overview

Numbers can be boring, but charts are not. This widget helps you tell a story with your data. Whether you’re showing market share, budget distribution, or survey results, the Pie Chart widget provides a clean and animated way to engage your audience.

How to use

• Locate the “Pie Chart” widget and drop it into your section.
• Use the repeater field to add your data points (Label and Value).
• Choose between a traditional Pie or a Doughnut chart style.
• Enable the legend and tooltips for better data clarity.

Content settings

• Chart Data: Add data segments using the repeater. Each segment needs a title and a numerical value.
• Legend Display: Toggle the chart legend on/off and choose its position (Top, Bottom, Left, Right).
• Tooltip Settings: Show detailed values when a user hovers over a chart segment.

Style settings

Chart styling

Customize the visual appearance of the chart segments.

• Segment Colors: Set custom colors for each data slice individually.
• Doughnut Cutout: If using a doughnut chart, adjust the inner radius (0-90%).
• Border Width & Color: Add a stroke between chart segments for better separation.

Legend styling

Style the legend that identifies each chart segment.

• Position: Place the legend at the top, bottom, left, or right.
• Color & Typography: Set the font family, size, and color for legend items.
• Spacing: Adjust the gap between the chart and the legend.

Animation and interaction

Control how the chart behaves when it appears or when users interact with it.

• Entrance Animation: Choose a drawing animation effect on scroll.
• Animation Duration: Set how fast the chart segments “grow” or animate.
• Tooltip Styling: Customize the appearance of the interactive tooltips.