---
title: "How to Create a Pie Chart in WordPress (Doughnut Chart)?"
url: https://nexterwp.com/docs/create-a-pie-chart-in-wordpress-doughnut-chart/
date: 2024-12-09
modified: 2026-04-14
author: "Aditya Sharma"
description: "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..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-a-Pie-Chart-in-WordPress-Doughnut-Chart_-1024x519.jpg
word_count: 261
---

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

## Key Takeaways

- Nexter Blocks Advanced Chart block adds a pie or doughnut chart to a WordPress website.
- Style section under the Chart tab selects Doughnut & Pie, then Orientation selects Pie or Doughnut.
- Label Values field uses chart labels separated by a pipe sign (|), and Dataset tab adds the data plus Border Colors hex codes separated by a pipe sign (|).

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](https://nexterwp.com/docs/add-a-chart-in-wordpress/).*

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

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-charts-and-graph/)

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.