Set slicers from react to power bi embedded

Question

I am implementing the Powerbi embedded dashboard in my React application.In my Powerbi Dashboard, I have plenty of slicer from which I am manipulating data and visuals. I want to set the slicers from the react component but not able to set the slicers..&nbsp;const slicer_filter =&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; state: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; filters: [&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $schema: &nbsp; &nbsp;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; target: {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; table: 'Query1',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; column: 'dealer_id',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; operator: 'In',&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; values: ["0102"],&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; filterType: models.FilterType.BasicFilter,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ],&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; };Called this slicers in embed config.&nbsp;&lt;PowerBIEmbed&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; embedConfig={{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type: supportType,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; id: reportID,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; embedUrl: embeddedURL,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; accessToken: token.token,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tokenType: models.TokenType.Embed,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; slicers: [slicer_filter],}}&nbsp; cssClassName={&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; "Embed-container"&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; getEmbeddedComponent={(embeddedReport) =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; window.Report = embeddedReport;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; /&gt;Any help would be appreciated, Thankspowerbiembedded&nbsp;PowerBI&nbsp;Azure&nbsp;

anonymous · Answer

Hi&nbsp;SaurabhSk,
I'd like to suggest you take a look at the following document about how to control the filter based on client api:
Use filters in a Power BI embedded analytics report | Microsoft LearnRegards,Xiaoxin Sheng

saurabhsk · Answer

Hi AnonymousSo basically I have gone thorugh this document plenty of time but if I want to update the slicers I am not getting any exact solution for this.I even tried the same in Powerbi embed playground&nbsp;Power BI Playground - Developer SandboxStill not getting a good picture of this&nbsp;&nbsp;

anonymous · Answer

Hi&nbsp;SaurabhSk,
I think you can take a look at the following document about handle events and invoke and modify the filters in these events:
How to handle events in a Power BI embedded analytics application | Microsoft Learn
Regards,
Xiaoxin Sheng

Forum Discussion

Set slicers from react to power bi embedded

3 Replies

Related content

AADToken from react custom visual

PBI Embedded

Power BI Embedding in react app

Blank Page - Embedded Report

Cumulative Calculation Reacting to Date Slicer