Table Of Contents

Chart widget in Elementor

How to use Chart widget in Elementor

The Chart widget in Elementor is a widely used tool for displaying various statistics on a regular basis. Element Pack made this widget to display stats in eight different chart styles.

Let’s see how to properly use this widget.

Inserting widget

inserting Chart widget in Elementor

Find the Chart widget from the Elementor page editor’s widget menu and drag it inside your page.

Content tab

The Content tab holds all the base settings for the chart. You can select from different layouts here.


Go to Content> Chart

2 6 - BdThemes

You will find two options here, Type and Label values. The default label is given as the month’s name. However, it can be anything you insert.

3 4 - BdThemes

The first option Type has a total number of eight charts. Each one has a unique layout despite having the same variable setup.


Go to Content> Datasets

4 4 - BdThemes

Here, you can create variables, labeled as datasets, for the chart values. By default, there are 5 entries. You can add or reduce as much as you want.

You need to name the dataset, give it a label name, then insert data values with semicolons ; as separators. Again, you can set background & border color normally or by color codes.


Go to Content> Additional

5 5 - BdThemes

In this tab, you will get a bunch of switchers to show/hide specific items from displaying. Take an example of how we have turned off the chart grid.

Also, you have alignments, tooltip, prefix and suffix.

7 1 - BdThemes

Once you activate the Thousand Separator switcher, values exceeding a thousand will have a character that separates the value.

You can put anything as a separator as well as flip the K Parameter switcher.

Style tab

The style tab for the Chart widget has only a single section where you can add colors to the content.

6 2 - BdThemes

Here, you will find color options for axes, tooltip, background, and grid.


Watch this video for more visuals and visit the Chart widget’s demo page here, provided by Bdthemes.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.