Please wait...

Follow table filtering in charts

Video versionA video overview of follow table filtering in charts

Follow table filtering in ChartsRedraw the chart on any filtering action with the table

Charts in wpDataTables have one very useful feature: if rendered on the same page with a table they can re-render when the table is filtered using the Advanced Filter.

This can be helpful if you want to allow users visualize only some part of table data: e.g. activity only for a certain product type, or for a certain date range. Also this is useful if the table is really large and has ‘server-side processing‘ feature enabled; and rendering the chart for many thousands of rows would overload it and the page.

charts data filtering

It is really simple to activate the follow table filtering for a chart. Just tick this checkbox in the chart create/edit wizard:

When this checkbox is ticked, and the settings saved, you can place the chart in the same post or page with your WordPress table. Then when you filter the table the data in the chart will be filtered as well:

Try to filter, sort or change the page in the table:

And see how the chart changes:

It also works if multiple charts are on the same page (even rendered by different engines).

Never miss new features!

Join 2000+ newsletter subscribers

Never miss notifications about new cool features, promotions, giveaways or freebies - subscribe to our newsletter! We send about one mail per month, and do our best to keep our announcements interesting.

We never spam or disclose your address to anyone.