You make a chart follow table filtering by ticking the “Follow table filtering” checkbox in the chart create/edit wizard and placing the chart on the same page as its table. When visitors filter the table, the chart re-renders to show only the filtered data.
Table of Contents
Charts in wpDataTables have a very useful feature: if charts are rendered on the same page with a table, they can re-render when the table is filtered using the Advanced Filter.
Following table filtering is useful when you want users to visualize only part of the table data, or when the table is too large to chart in full.
This can be helpful if you want to allow users to visualize only some part of a 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 quite large, and has the ‘server-side processing‘ feature enabled; since rendering the chart for many thousands of rows would overload both the chart and the page.
It is quite simple to activate the follow table filtering for a chart. Just tick this checkbox in the chart create/edit wizard:
When the checkbox is ticked, and the settings have been 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:
The demo below shows a table and two charts on the same page; filtering, sorting or paging the table redraws both charts.
And see how the chart changes:
Yes — follow table filtering also works if multiple charts are on the same page, even when they are rendered by different chart engines.
It also works if multiple charts are on the same page (even rendered by different engines). You can combine it with grouping in charts to sum up rows with the same label.
You can learn more in the related chart guides below. To see all chart options, visit the WordPress charts and graphs feature page.
To get your hands on wpDataTables Lite, please enter your email address below. We’ll send you a direct download link and keep you updated on existing features along with helpful tips and tricks!
