Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

Chart widget in Elementor

How to use Chart widget by Element Pack

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.

Chart

Go to Content> Chart

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.

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

Datasets

Go to Content> Datasets

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.

Additional

Go to Content> Additional

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.

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.

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

Conclusion

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

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.

Subscribe to newsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Join Now

Join Thousands of Happy Users

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge