How to Create a Bar Graph in Elementor?

Bar graphs are a popular, effective way to present data – simple, visually clear and easy for readers to understand at a glance.

This doc covers the Bar chart type specifically – see the Settings Overview for every other option.

For the full settings tour of the Chart widget, see Chart Widget: Settings Overview.

Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.

Before You Start

• Prerequisite: Elementor (free) installed and active.
• Edition: Chart is a Pro widget – it requires the paid version of The Plus Addons for Elementor. It does not exist in the free plugin.
• Widget to enable: go to The Plus Addons > Widgets, search for Chart and turn its toggle on.

Steps

1. Add the Chart widget to the page, leave Chart Type as Custom.
2. From Select Chart, choose Bar.
3. From Orientation, choose Vertical Bar or Horizontal Bar.
4. In Label Value, add labels separated by |, for example Jan | Feb | Mar.
5. In the Dataset tab, add your data values.

How It Behaves

Confirmed on the front end: the widget genuinely renders a real interactive Chart.js bar chart, with the axis labels and bars visible and correctly proportioned to the data entered.

Related Docs

• Chart Widget: Settings Overview
• How to Create a Bubble Chart in Elementor?