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

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs

icon
icon
icon
icon
icon