Power BI Embedded Parameters and Filter

[kosmik5]

Hi,

We are developing a Power BI embedded app, where we have an Azure website containing a Power BI report, which is also uploaded to our Azure server.

I know I can set filter parameters in a Power BI app embedded in an iframe, like this:

function onFrameLoaded() {
var m = {
    action: "loadReport",
    reportId: reportId,
    accessToken: accessToken
};

iframe.contentWindow.postMessage(JSON.stringify(m), "*");

This works when you embed a Power BI report published on the web. But it doesn't work on Power BI Embedded. Is there a way to accomplish the same kind of filtering in Power BI Embedded?

Thank You

Hariprasad

[v-ljerr-msft · Accepted solution]

Hi @kosmik5,

You should be able to use PowerBI-JavaScript API to set filters with Power BI Embedded. For more details, you can refer to PowerBI-JavaScript wiki Filters. 

const filter = { ... };

report.setFilters([filter])
  .catch(errors => {
    // Handle error
  });

Sample of filters:

const basicFilter: pbi.models.IBasicFilter = {
  $schema: "http://powerbi.com/product/schema#basic",
  target: {
    table: "Store",
    column: "Count"
  },
  operator: "In",
  values: [1,2,3,4]
}

Regards