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

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.

advanced chart doughnut pie style

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.

advanced chart doughnut pie style demo

Still in Doubt? Let’s Assist You

Need Help? Ask AI Bot

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs