fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

February Updates
Currency Converter Cover
Layers Widget

Unlimited Charts

The Unlimited Charts widget allows you to produce stunning visualized data graphics within Elementor. You can design almost any kind of chart imaginable:

  • Pie Chart
  • Line Chart
  • Bar Chart
  • Doughnut Chart
  • Polar Area Chart
  • Radar Chart

Below you can see examples of each chart type:

Install Unlimited Charts Widget for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Unlimited Charts”
  3. Hover over the widget in the search results and click install
  4. Add your “Unlimited Charts” widget to any Elementor Page

General Settings

1

Chart Type

Pie, Line, Bar, Doughnut, Polar Area, Radar

2

Height

Chart height in pixels (responsive field)

3

Direction

Only applies to bar and line charts. Set the direction of the chart: horizontal or vertical.

4

Animation on Looad

Animates the chart when the page is loaded.

5

Content

Placement for the title and subtitle: On top or bottom of chart.

6

Show Title

Title on or off.

7

Title

Text for title.

8

Show sub title

Sub title on or off.

9

Sub Title

Text for sub title.

Below you can see a chart with a title and subtitle placed on the top:

Legend Settings

1

Show Legend

Show the legend of the chart: yes or no.

2

Legend Position

The position of the legend. Top, left, right, bottom.

3

Change Legend Style

Change the shape of the label point style.

4

Legend Point Style

Circle, rectangle, rounded rectangle, rotated rectangle, triangle.

Grid Line Settings

Tooltips Settings

1

Enabled

Turn on or off the tooltip

2

Position

Position for tooltip: average, nearest.

3

Show Percentage

Show data in precent.

4

Intersect

If true, the tooltip will only appear when the interaction ( mouse hover or gesture ) happens over an item on the chart ( example: an individual point in a line chart ) .

5

Mode

Defines which element(s) data will appear on the tooltip:

  • Item
  • Items of all datasets in the same category
  • All items in the same dataset

Create Dataset

A dataset is a group of related data items that are visualized on the graph.

1

Title for dataset

For internal use only.

2

Item Type

Choose dataset to create a dataset. Every chart must have at least one dataset.

3

Dataset Label

The label that will be used in the legend if legend is enabled.

4

Bar Border Radius

Only applies to bar chart types.

5

Override Line Color

Only valid for line and radar charts.

6

Override Point Styles

Only valid for line and radar charts.

Below you can view the settings when overrides are on:

Create Data Items

Data item must be under a data set.

1

Title for data item

For internal use only.

2

Item Type

Choose data item and make sure there is a data set above.

3

Label

Labe for data item.

4

Value

Numeric value for the data item.

5

Background Color

Set background color of data item.

6

Border Color

Set border color of data item.

7

Border Width

Set border width of data item.

8

Hover Background Color

Set hover background color of data item.

9

Hover Border Color

Set hover border color of data item.

10

Hover Border Width

Set hover border width of data item.

Tooltips Styling

Legend Styling

Line and Radar Charts Styling

Bellow you can see examples with fill on and off:

Grid Lines Styling

Bar Charts Styling

1

Bar Width Type

  • Auto - Automatic Width
  • Custom - Set width in pixels
2

Custom Bar Width

Set bar width in pixels

3

Stack Bars

Stack the bars on top of each other. Below you can find an example of the same chart when stack is on and off.

Typography

Video Tutorial

Usage Examples

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!