Custom visual and filtering?

Question

I am trying to apply a filter from my custom visual to the whole report. For some reason it gives me the refresh (so it looks like it is filtering), but actually it is not filtering.&nbsp;The capabilities.json look like this:{&nbsp; &nbsp; "dataRoles": [&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "name": "Index",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "kind": "Grouping",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "displayName": "Index"&nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "displayName": "Text",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "name": "text",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "kind": "Grouping"&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ],&nbsp; &nbsp; "dataViewMappings": [&nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "table": {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "rows": {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "select": [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "for": { "in": "Index" }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "for": { "in": "text" }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ]&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; ],&nbsp;&nbsp;&nbsp; &nbsp;"objects": {&nbsp; &nbsp; &nbsp; &nbsp; "general": {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "displayName": "General",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "properties": {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "formatString": {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "displayName": "Format String",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "type": { "text": true }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }}&nbsp;The way I am trying to filter (now it is hard coded):&nbsp;const filter: IBasicFilter = {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $schema: "http://powerbi.com/product/schema#basic",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; target: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; table: "Reviews",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; column: "Index"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; operator: "In",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; values: [1, 2, 3],&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; filterType: 1&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('search').onclick = (event) =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (this.host) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log("apply")&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; this.host.applyJsonFilter(&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; filter,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "Reviews",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "Index",&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; powerbi.FilterAction.merge&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; );&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.error("Host not available.");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp;Does anyone know if I am doing something obviously wrong?

dm-p · Accepted Answer

Hi&nbsp;MartijnBre,
&nbsp;
With the detail provided, things almost look OK but your capabilities aren't set up for filtering. You have the dynamic format string functionality available, but you should have your general object at least set up as follows to tell Power BI that your visual is permitted to filter the data model:
&nbsp;
&nbsp;
{
    ...
    "objects": {
        "general": {
            "displayName": "General",
            "properties": {
                "filter": {
                    "type": {
                        "filter": true
                    }
                }
            }
        },
        ...
    }
    ...
}
&nbsp;
&nbsp;
Regarding your code, consider the table name, column name and values are present in your model. If not, then Power BI may not apply the filter, as it will determine it not to be a valid query and will save resources.
&nbsp;
One final tweak: your applyJsonFilter call should be as follows, based on the above capabilites configuration:
&nbsp;
&nbsp;
    this.host.applyJsonFilter(
      filter,
      "general",
      "filter",
      powerbi.FilterAction.merge
    );
&nbsp;
&nbsp;
Note parameters 2 and 3 refer to object name and property name (which is where Power BI should persist the filter in your visual capabilities), not table and column name (these are already in the filter criteria).
&nbsp;
I made these changes in a brand new visual and the filter worked as expected. Hopefully, this is all you need to get moving again.
&nbsp;
Good luck!
&nbsp;
Daniel

Forum Discussion

Custom visual and filtering?

2 Replies

Related content

Custom Visual

Custom Matrix Visual

custom visual development

Date filters for Visualization

LLM Chatbot custom visual