Hi Ivan,

We don't have a way to configure a filter directly on a Chart - but there is a workaround on setting up one or more column filters for the source Table;
Then you can activate 'follow table filtering' and your chart is going to be filtered as the result.

You can also hide the table from the page - so only the chart is rendered with your desired filtering;

Or you can leave the filters and the chart - if you wish to allow users to dynamically change the filter values, and the chart would follow it 'on the fly'.

Here are more details how you can achieve this :


1. First, URL parameters for filtering - You can do this with our feature "Prefiltering tables via URL".


2. Now, how to get the chart to apply the table's filters :

By default, the charts will not follow any filtering from their source table if you just put the chart "on its own" on the page.

But If you place the source table together with its chart on the same page,

and activate " Follow Table filtering"  on the chart Wizard settings,  it is going to follow any filtering/sorting you do on the table.

-

Now, depending if you wish to hide the table and have a filtering for Charts, we can have two workarounds available.

1. If you wish to hide the entire table along with table filters;

you can add this CSS to the table's back-end settings/Customize/Custom CSS.

.wpdt-c .wpDataTables.wpDataTablesWrapper {
display: none !important;
}

This will completely hide the table from the page, but you can still pass the table shortcode with the chart, and you will get the "follow table filtering" effect on this chart.

2. Or if you wish just to hide the table while leaving the filters with the chart,

we would first need to disable the following in the table settings:

"Show X entries" drop-down; "Info Block" from Display tab:

Then, "Enable main search block"  and "show filters in a form above the table" from the Sorting and Filtering tab:

Then, you can add this CSS in the table settings/Customize/Custom CSS:

.wpdt-c .wpDataTablesWrapper table {
display: none !important;
}

That will just leave the chart visible with the filters on the page,

if you pass both table and chart shortcodes.


I hope that helps.