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

Try your skills in the Power BI Dataviz World Championship! Round one ends June 26. Join now

Reply
shaunwilks
Helper V
Helper V

API and Javascript filtering

We have an ASP.Net website that displays a powerBI report via “user owns data”…we have a local SQL Server using the On Premise Gateway and "Import Reports, not an Azure database.

 

In the C# file we send a System.Net.HttpWebRequest with our access token that we deserialize with “JsonConvert”.

That returns report id, report name, report webUrl and report embedUrl. We store the access token, the report id and the embedUrl in aspx hidden fields.

 

Our report displays fine on the aspx page but the filters aren’t applied.

We have tried with reports where there are defined "Report Filters" in the report thata re either populated or set to "All".

 

We have tried basic and advanced filters with no joy based on https://community.powerbi.com/t5/Developer/Addling-filter-using-javascript-API-Power-BI-Service/td-p... and https://microsoft.github.io/PowerBI-JavaScript/demo/defaults.html

 

<script src="scripts/powerbi.js"></script>
<script src="scripts/jquery-1.12.4.js"></script>
<script type="text/javascript">
var report = null;

window.onload = function () { 
                var accessToken = document.getElementById('hfAccessToken').value;

                if (!accessToken || accessToken == "") {
                                return;
                }
                
                var metricFilter = {
                                $schema: "http://powerbi.com/product/schema#basic",
                                target: {
                                                table: "Cats",
                                                column: "CatName"
                                },
                                operator: "In",
                                values: ["Mr Furball"]
                }
                var embedUrl = document.getElementById('hfEmbedUrl').value;
                var reportId = document.getElementById('hfReportId').value;

                var config = {
                                type: 'report', 
                                accessToken: accessToken,
                                embedUrl: embedUrl,
                                filters: [metricFilter],
                                id: reportId,
                                settings: {
                                                filterPaneEnabled: false,
                                                navContentPaneEnabled: false
                                }
                };
                var reportContainer = document.getElementById('reportContainer');
                report = powerbi.embed(reportContainer, config); 
};
</script>

<asp:HiddenField ID="hfEmbedUrl" runat="server" />    
<asp:HiddenField ID="hfReportId" runat="server" />
<asp:HiddenField ID="hfAccessToken" runat="server" /> 

<div class="divDashboardContainer" id="reportContainer"></div>
</div>

Can anyone shed any light on why the javascript may not applying the filters ?

 

2 REPLIES 2
shaunwilks
Helper V
Helper V

Anyone with some thoughts ?

Anonymous
Not applicable

Hello,

Sorry, Can you teach me how do you generate the Access Token and Refresh Token? i have many problems with this. Smiley Mad

 

Helpful resources

Announcements
Fabric Data Days is here Carousel

Fabric Data Days 2026

Don't miss out on Data Days, June 15 through August 7. Learn Fabric, Power BI, SQL, AI and more.

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.