How To Use & Customize Pie Chart Widget

You can use Pie Chart Widget to show information in a graphical format. In a website, a chart can be used for various purposes, from providing statistical data to displaying important information about your business.

follow the step by step instructions:

Step 1: Use Pie Chart

  • Go to Menu Romethemekit, and you will be able to see the Pie Chart Widget.
  • Click Add New Container.
  • On the canvas, select your structure.
  • Drag the widget from the Elementor and Drop it on the selected area.
  • Showing Pie Chart.
  • Click Edit Container.
  • You can change Pie Chart size in the width column.

Step 2: Customize Pie Chart


  • Click Pie Chart.
  • Select Chart Type : Pie or Doughnut.
  • The Content section allows you to Edit and Add chart label.
  • Click Label to change the color and pie chart size.
  • Setting pie chart size.
  • And select your pie chart color.


  • In Menu Style, you can update Chart and Legend style according as you needs.
  • You can control chart item border and spacing.
  • In the Legend Style section, you can setting font size, font color, position legend and font style.