The “Unlimited Charts Widget” allows you to create dynamic and visually appealing data visualizations for free in WordPress Elementor websites. This widget supports multiple chart types, including:
- Pie Chart
- Line Chart
- Bar Chart (Pro)
- Doughnut Chart (Pro)
- Polar Area Chart (Pro)
- Radar Chart (Pro)
Let’s explore the features of the “Unlimited Charts Widget” below.
Elementor Unlimited Charts Tutorial Video
Add Free Unlimited Charts to Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Unlimited Charts”
- Hover over the widget in the search results and click install
- Add your “Unlimited Charts” widget to any Elementor Page
General Settings in Elementor Unlimited Charts
Chart Type
- Pie Chart
- Line Chart
- Bar Chart (Pro)
- Doughnut Chart (Pro)
- Polar Area Chart (Pro)
- Radar Chart (Pro)
Height
Chart height in pixels (responsive field)
Direction
Only applies to bar and line charts. Set the direction of the chart: horizontal or vertical.
Animation on Load
Animates the chart when the page is loaded.
Content
Placement for the title and subtitle: On top or bottom of chart.
Show Title
Title on or off.
Title
Text for title.
Show Sub Title
Sub title on or off.
Sub Title
Text for sub title.
Remove Items with 0 Value
Avoid showing the items with a value of 0.
Add Prefix/Suffix (Y Axis)
Add a prefix/suffix to the tick and tooltip values.
Add Prefix/Suffix (X Axis)
Add a prefix/suffix to the tick and tooltip values.
Chart Range Type
Select the chart range type.
- Auto
- Custom
Below you can see a chart with a title and subtitle placed on the top:
Legend Settings in Elementor Unlimited Charts
Show Legend
Show the legend of the chart: yes or no.
Legend Position
The position of the legend. Top, left, right, bottom.
Change Legend Style
Change the shape of the label point style.
Legend Point Style
Circle, rectangle, rounded rectangle, rotated rectangle, triangle.
Grid Lines Settings in Elementor Unlimited Charts
Show Grid Lines
Show/Hide grid lines for the chart.
Show Grid Ticks
Show/Hide grid ticks for the chart.
Show X Axis Line
Show/Hide the X axis line of the chart.
Show Y Axis Line
Show/Hide the Y axis line of the chart.
Begin at Zero (X)
Make the X axis start at 0.
Begin at Zero (Y)
Make the Y axis start at 0.
Tooltips Settings in Elementor Unlimited Charts
Enabled
Turn on or off the tooltip.
Position
Set the position of the tooltip.
- Average
- Nearest
Show Percentage
Show data in precent.
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.)
Show Tooltip Title
Show/Hide the title for a tooltip.
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
Data Labels Settings in Elementor Unlimited Charts
Show Data Labels
Show/hide data labels for the chart.
Prefix
Add a prefix for the label.
Suffix
Add a suffix for the label.
Show Label Before
Show the label before the value.
Create Dataset in Elementor Unlimited Charts
A dataset is a group of related data items that are visualized on the graph.
Title (Dataset)
For internal use only.
Item Type
Choose dataset to create a dataset. Every chart must have at least one dataset.
Dataset Label
The label that will be used in the legend if legend is enabled.
Bar Border Radius
Only applies to bar chart types.
Override Line Color
Only valid for line and radar charts.
Override Point Styles Styling
Only valid for line and radar charts.
Below you can view the settings when overrides are on:
Create Data Items in Elementor Unlimited Charts
Data item must be under a data set.
Title (Data Item)
For internal use only.
Item Type
Choose data item and make sure there is a data set above.
Label
Labe for data item.
Value
Numeric value for the data item.
Background Color
Set background color of data item.
Border Color
Set border color of data item.
Border Width
Set border width of data item.
Hover Background Color
Set hover background color of data item.
Hover Border Color
Set hover border color of data item.
Hover Border Width
Set hover border width of data item.
General Styling in Elementor Unlimited Charts
Tooltips Styling in Elementor Unlimited Charts
Legend Styling in Elementor Unlimited Charts
Line and Radar Charts Styling in Elementor Unlimited Charts
Bellow you can see examples with fill on and off:
Grid Lines Styling in Elementor Unlimited Charts
Bar Charts Styling in Elementor Unlimited Charts
Bar Width Type
- Auto - Automatic Width
- Custom - Set width in pixels
Custom Bar Width
Set bar width in pixels
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 Styling in Elementor Unlimited Charts
Usage Examples of Elementor Unlimited Charts
Free Elementor Unlimited Charts as a Vertical Line Chart and a Horizontal Line Chart.
Free Elementor Unlimited Charts as a Vertical Bar Chart and a Horizontal Bar Chart.
Free Elementor Unlimited Charts as a Polar Area Chart and a Pie Chart.
Thank you for using the Unlimited Charts Widget for Elementor! With its dynamic data visualization and customizable styles, this is the best Unlimited Charts Widget for Elementor, perfect for displaying insightful statistics in an engaging way. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
