Xpro Addons

Pro Widget

Line Chart Widget for Elementor 

Build trendy line charts, area charts, stepped charts and multi-line comparisons — all from the same widget, without writing a line of code.

Why This Line Chart Widget 

Sized for Every Screen

Canvas width and chart padding are set independently for desktop, tablet, and mobile — not one fixed size squeezed everywhere.

Horizontal or Vertical Orientation

Flip the chart's direction to fit the layout, not the other way around. 

Line and Point Styling

Line tension for smoothing, border dash for custom stroke patterns, point size/style/hover size — all adjustable per dataset. 

Tooltips & Legends

Nearest-point tooltip mode, adjustable border radius/padding/caret size, and a legend with position, point style, and reverse-order controls. 

Core Features 

Visual Customization 

Toggle Fill Area Under Lines for an area-chart look, or turn on Stacked Area Chart to show cumulative totals — they're independent settings, so you can combine or use either alone. Set line width, colors, and point hover size so your data markers stand out on interaction. 

Scaling & Precision 

Adjust the Axis Range, Step Size, and Begin at Zero settings for precise chart scaling. Enable Stepped Line to show values as fixed jumps instead of smooth, continuous transitions.

Animation

Set the entry animation's duration and easing style, and enable looping if you want continuous motion rather than a one-time reveal. 

Layout & Typography Control

Set canvas width and chart padding per device. Style X and Y axis labels separately with font, weight, size, style, and color. Rotate X-axis labels when needed. Toggle grid lines independently for each axis and show or hide the chart title.

How to Build It 

 

Search for the Line Chart widget in your Elementor panel and add it to your section. 

Seen a chart style you like elsewhere? Build it here.

Dashed Multi-Series Comparisons

 

Set a comma-separated dash length and spacing per dataset to break up a busy multi-line chart.

Smooth-and-filled vs. sharp-and-outlined

 

The same dataset reads completely differently with Fill Area off and Line Tension at zero — no separate widget needed.

Layered gradient areas

Stack a filled dataset behind a dashed outline dataset by adjusting Drawing Order — useful for a "goal vs. actual" comparison.

Crossing trend lines with diamond points

Swap Point Style to diamond, square, or triangle when circle markers get lost in overlapping series.

Minimal, card-style chart

Turn off axis grid lines and labels for a quiet, editorial chart that sits inside a small card or widget.

Ribbon-style band comparison

Three filled datasets with distinct colors and moderate transparency read as flowing bands instead of stacked blocks.

Have Any Doubt?

Get Help From Our General Knowledge Base

Do I need to buy Elementor Pro to use Xpro Addons For Elementor?

No, you don't have to buy the Pro version of Elementor to use our addons. Xpro Elementor Addons work perfectly fine with the free Elementor Page Builder plugin.

Does Xpro Addons For Elementor work with WordPress multisite?

Yes, our addons work smoothly on multisite.

What are the requirements to use Xpro Addons For Elementor?

You just need the latest version of Elementor and WordPress. Our plugin is fully compatible with all major Elementor themes and plugins.

Do I need to know how to code to use Xpro Addons For Elementor?

No! You can design professional websites using our simple drag’n’drop widgets. Xpro Elementor Addons is for people who want to create amazing websites yet have no technical background. That’s the value we offer; anyone can use our Elementor addons to build websites in minutes.

Do you offer free widgets?

Yes, we offer 50+ free & best Elementor widgets. You can create an amazing website for free using these highly-functional widgets and extensions. Download the free plugin now.

Do you offer technical support?

Yes, we have a 24/7 expert support ticketing system. Our team is always ready to help you with your Elementor journey whether it’s setting up a new account, payment process, or any issue you face while using our widgets.

Is there any documentation to understand and use this addon?

We have comprehensive documentation compiled and written for our valued users. You can find everything related to our Free and Pro widgets, Elementor Extensions, Feature enhancements, and free Elementor Theme builder. Visit our Documentation section for more details.

Download 140+ Addons & Start Creating Amazing Websites

40,000+ Happy Customers, Happy Agencies, Happy Freelancers Build Beautiful Websites Using Xpro Elementor Addons