---
title: "How to Create a Bar Chart in WordPress?"
url: https://nexterwp.com/docs/create-a-bar-chart-in-wordpress/
date: 2024-12-09
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to create a bar chart in WordPress? Bar charts are a popular and effective way to visually display data and trends. Their simple, straightforward design makes them..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-a-Bar-Chart-in-WordPress_-1024x519.jpg
word_count: 231
---

# How to Create a Bar Chart in WordPress?

## Key Takeaways

- Nexter Blocks Advanced Chart block turns data into a bar chart on a WordPress website.
- Style section under the Chart tab selects Bar, and Orientation sets the graph horizontal or vertical.
- Label Values uses chart labels separated by a pipe sign (|), and the Dataset tab adds the chart data.

Are you looking to create a bar chart in WordPress? Bar charts are a popular and effective way to visually display data and trends. Their simple, straightforward design makes them both visually appealing and easy for viewers to understand.

With the Advanced Chart block from Nexter Blocks, you can easily convert your data into a bar 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 **Bar** from the **Style** section under the **Chart** tab.

2. Then, from the **Orientation** section, you can make the graph horizontal or vertical.

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. You’ll find the same options as for the Line chart.

You can customize the chart further from the **Style** tab. From here you can manage the bar size and bar gap and the rest of the options are the same available for the Line chart.

Now you should have an interactive bar chart.

![](https://nexterwp.com/wp-content/uploads/2024/12/advanced-chart-bar-style-demo.png)