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

Join us for an expert-led overview of the tools and concepts you'll need to become a Certified Power BI Data Analyst and pass exam PL-300. Register 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
Join our Fabric User Panel

Join our Fabric User Panel

This is your chance to engage directly with the engineering team behind Fabric and Power BI. Share your experiences and shape the future.

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.