Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

We've captured the moments from FabCon & SQLCon that everyone is talking about, and we are bringing them to the community, live and on-demand. Starts on April 14th. Register now

Reply
chotu27
Post Patron
Post Patron

Power BI Embeded sample code for setting default filter

Hi,

 

How to set default filter in Power bi embed please share sample code it is critical for our project

2 REPLIES 2
chotu27
Post Patron
Post Patron

Hi,

I am using Power BI Embedding to display the Power BI Dashboard into my portal, All are working fine what is my workspace able to see the dashboard with 10 record in my web page. But when I try to filter 1 reocrd using Javascript, I see that the dashboard show all the 10 reccord for a second and then filter to show the 1 record based on the filter, In this case I see something like twice the dashoard is getting loaded (flickering), My need is that when I pass the filter in Configration poperty the dashboard should show only 1 record which means the filter should be applied at server side not on the client side. Can anyone please suggest  a solution for this 

 

 

 

            Sample Code :

var studyIdFilter = {

                $schema: "http://powerbi.com/product/schema#basic",

                target: {

                    table: "view_studyparameter",

                    column: "virgilstudyid"

                },

                operator: "In",

                values: ["2C2B6836-BE9B-4501-B415-011BAB91141A"]

            };

            var filter = [studyIdFilter];

 

            var config= {

                type: 'report',

                accessToken: accessToken,

                embedUrl: embedUrl,

                id: reportId,

                settings: {

                    filterPaneEnabled: true,

                    navContentPaneEnabled: true

                }

                ,

                filters: filter

             

              

            };

 

            // Grab the reference to the div HTML element that will host the report.

            var reportContainer = document.getElementById('reportContainer');

 

 

            // Embed the report and display it within the div container.

            var report = powerbi.embed(reportContainer, config);

 

 

Note : Please help us we are going live with Power bi embeded in 3 days it is critical 

 

 

Hi @chotu27,

But when I try to filter 1 reocrd using Javascript, I see that the dashboard show all the 10 reccord for a second and then filter to show the 1 record based on the filter, In this case I see something like twice the dashoard is getting loaded (flickering),

It seems to me that it could be the default behavior of the current API. And I don't think there is an option to change it currently. So I would suggest create a new issue on https://github.com/Microsoft/PowerBI-JavaScript/issues to see if the PG has a possible solution, or fix it in future. Smiley Happy

 

Regards

Helpful resources

Announcements
New to Fabric survey Carousel

New to Fabric Survey

If you have recently started exploring Fabric, we'd love to hear how it's going. Your feedback can help with product improvements.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.

Join our Fabric User Panel

Join our Fabric User Panel

Share feedback directly with Fabric product managers, participate in targeted research studies and influence the Fabric roadmap.

March Power BI Update Carousel

Power BI Community Update - March 2026

Check out the March 2026 Power BI update to learn about new features.