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.