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

Power BI is turning 10! Let’s celebrate together with dataviz contests, interactive sessions, and giveaways. Register now.

Reply
Anonymous
Not applicable

Set filters while embedding a visual

Hello everyone, 

I am trying to set the filters on the visual while embedding it. 
I am getting the following error. 
error.png

Is there any workaround for this? 

 

The embed code:

	const filter = {
		$schema: "http://powerbi.com/product/schema#basic",
		target: {
			table: "Manufacturer",
			column: "Sample Data"
			},
		operator: "In",
		values: ["Abbas"]
	};

    var config = {
        type: 'visual',
        accessToken: accessTokenToUse,
        embedUrl: embedURLToUse,
        reportId: reportIdToUse,
        pageName: pageNameToUse,
        visualName: visualNameToUse		
     };	
    var dashboard = powerbi.embed(visualDiv, config);
	dashboard.setFilters([filter]);  



1 ACCEPTED SOLUTION
v-jiascu-msft
Microsoft Employee
Microsoft Employee

Hi @Anonymous,

 

I'm afraid setting filters while embedding visuals isn't available for now. Please refer to the source code of Powerbi.js. I would suggest you create an idea here.

 

Set_filters_while_embedding_a_visual

 

Best Regards,

Dale

Community Support Team _ Dale
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

2 REPLIES 2
artemmuntianu
Frequent Visitor

Hi

Recently I have come across that problem as well

Just found a solution. It is to change object <filters> and call method <reload> of Visual.

 

/**
         * Reloads embed using existing configuration.
         * E.g. For reports this effectively clears all filters and makes the first page active which simulates resetting a report back to loaded state.
         *
         * ```javascript
         * report.reload();
         * ```
         */
        reload(): Promise<void>;

 

For example

const pbiService = new pbi.service.Service(pbi.factories.hpmFactory, pbi.factories.wpmpFactory, pbi.factories.routerFactory);
const embeddedObj = <pbi.Visual>(pbiService.embed(embedContainer, embedObj.config as {}));
// will update visual using new filters from newFiltersArr after 10 seconds
setTimeout(() => {
    (embeddedObj.config as any).filters = newFiltersArr;
    embeddedObj.reload();
}, 10000);

 

v-jiascu-msft
Microsoft Employee
Microsoft Employee

Hi @Anonymous,

 

I'm afraid setting filters while embedding visuals isn't available for now. Please refer to the source code of Powerbi.js. I would suggest you create an idea here.

 

Set_filters_while_embedding_a_visual

 

Best Regards,

Dale

Community Support Team _ Dale
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Helpful resources

Announcements
June 2025 Power BI Update Carousel

Power BI Monthly Update - June 2025

Check out the June 2025 Power BI update to learn about new features.

June 2025 community update carousel

Fabric Community Update - June 2025

Find out what's new and trending in the Fabric community.