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

Key Takeaways

  • Utilizes the Advanced Chart block from Nexter Blocks to create pie and doughnut charts in WordPress.
  • Selects 'Doughnut & Pie' from the Style section and 'Pie' from the Orientation section to configure the chart type.
  • Customizes chart labels and dataset colors using hex codes separated by a pipe sign (|) in the Label Values and Border Colors fields.
Table of Contents

Do you want to add a pie chart to your WordPress website? Pie charts are a powerful way to visualize data, making it easier to present complex information in a clear and concise format for your audience.

With the Advanced Chart block from Nexter Blocks, you can easily show your data in a pie or doughnut chart on your WordPress website.

To check the complete feature overview documentation of the Nexter Blocks Advanced Chart block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

To do this, add the Advanced Chart block to the page and follow the steps – 

1. Select Doughnut & Pie from the Style section under the Chart tab.

2. Then, from the Orientation section, select Pie.

Note: You can also select Doughnut to make a doughnut chart.

3. After that, in the Label Values field, you have to add chart labels separated by a pipe sign (|).

4. Then in the Dataset tab, you have to add the data for the chart.

Border Colors – Here, you can change the individual dataset border color. To do so, you have to add the color hex codes separated by a pipe sign (|). Make sure to add the same number of colors as added in the Data field. 

Note: For the Doughnut option, you’ll find these options inside the repeater item tabs.

You can customize the chart further from the Style tab.

Now you should have a beautiful pie chart.

About the Author

Photo of Aditya Sharma CMO of Nexter
CMO at POSIMYTH Innovations · Nexter · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressThemesElementorn8nAIClaudeAutomationServer

Share your Thoughts

Get Instant Answers to all your questions about Nexter Blocks,
Extensions & Theme trained on 1000+ Docs and Videos

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!