Skip to content

Advanced Charts for
WPBakery Page Builder

Turn numbers into clear, interactive charts. Choose from seven chart types, add as many data series as you need, and style it to match, powered by Chart.js, all with no code.

Data Made Visual
Make your data easy to grasp with the Advanced Charts widget. Pick a chart type, type in your labels, and add a data series for each line or bar, then tune the legend, tooltips, and axes, perfect for reports, stats, comparisons, and dashboards.
See the Charts

Numbers that tell a story.

The Advanced Charts widget brings beautiful, interactive charts to WPBakery, powered by Chart.js. Choose from line, bar, pie, doughnut, radar, and polar area, enter your labels, and add a dataset for each series with its own color. Control the legend, tooltips, grid, axis titles, and animation to fit your page.

It works the way WPBakery already works. Pick a chart type, type your numbers, choose colors, and you are done. Nothing to learn, nothing to fight with.

See the Advanced Charts in action

Everything you can control

Seven chart types

Choose line, vertical or horizontal bar, pie, doughnut, radar, or polar area to suit your data.

Unlimited datasets

Add a dataset for each series, each with its own label, values, and color, as many as you need.

Simple data entry

Enter category labels and values as simple comma-separated lists, no spreadsheets or code needed.

Legend and tooltips

Show or hide the legend and set its position, and turn on interactive tooltips on hover.

Axes and grid

Add X and Y axis titles and toggle the grid lines, for charts that are clear and easy to read.

Animated and responsive

Charts animate as they draw and scale cleanly to any screen, with a height you set.

Pick the Right Chart Type

The General settings start with the chart type. Choose line, vertical or horizontal bar, pie, doughnut, radar, or polar area, then enter your category labels as a simple comma-separated list, and set the chart height to fit your layout.

Add a Dataset for Every Series

Build your chart one series at a time. Each dataset takes a label, a comma-separated list of values, and its own color, so you can compare multiple lines or bars side by side. Add as many datasets as your data needs.

Legend, Tooltips and Axes

Fine-tune how the chart reads. Show or hide the legend and place it top, right, bottom, or left, turn on interactive tooltips, add X and Y axis titles, and toggle the grid lines, so your chart stays clean and easy to understand.

Animated and Fully Responsive

Charts come to life as they load with a smooth draw animation you can switch off, and they scale cleanly to every screen. Backed by Chart.js, they stay crisp and interactive on desktop, tablet, and mobile alike.

How to add Advanced Charts in Your Site?

1. Make sure WPBakery Page Builder and Classic Addons Pro are both installed and active.
2. Edit any page with WPBakery, click the plus to add an element, and search for "Advanced Charts."
3. Pick a chart type and enter your category labels.
4. Add a dataset for each series with its values and color.
5. Set the legend, tooltips, axis titles, and animation, then save.
That is it. Clear, interactive charts, ready in minutes.

Frequently Asked Questions

Logo-Footer
Classic Addons extends WPBakery Page Builder with
powerful, lightweight, and responsive widgets to help you
create modern WordPress websites faster and without coding.
ResourcesFree Features / DemosPremium Features / DemosPricing
CompanyResourcesPrivacy Policy
Get HelpDocumentationDownload FreeSupport

© 2026 Classic Addons. All rights reserved.

Back To Top