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

Register now to learn Fabric in free live sessions led by the best Microsoft experts. From Apr 16 to May 9, in English and Spanish.

Reply
fatgreycat
Frequent Visitor

Set Relative Date Slicer value upon load Javascript API

Hi all!,

 

Im attempting to set a slicer value upon report load. According to this documentation this can be done:

 

https://github.com/Microsoft/PowerBI-JavaScript/wiki/Slicers

 

Could someone please check my code below to see if i'm missing something or help confirm that this functionality is not working?

 

 

        var filter = new models.RelativeDateFilter(
            {
            table: "D_DATE",
            column: "DATE_VALUE"
            },
            models.RelativeDateOperators.InLast,
            30,
            models.RelativeDateFilterTimeUnit.Days,
            true
        );

        //relative date
        slicerObj.push({
            selector: new models.VisualSelector("a0625ab0110ec10492e3"),
            state: filter
        });


        var config = {
            type: 'report',
            tokenType: models.TokenType.Embed,
            accessToken: accessToken,
            pageName: summaryPage,
            embedUrl: embedUrl,
            filters: basicFilter,
            slicers: slicerObj, //THIS DOESN'T DO ANYTHING?
            id: embedReportId,
            permissions: models.Permissions.All,
            settings: {
                filterPaneEnabled: true,
                navContentPaneEnabled: true
            }
        }; 

var reportContainer = $('#reportContainer')[0];
var report = powerbi.embed(reportContainer, config);

 

1 ACCEPTED SOLUTION
v-jiascu-msft
Employee
Employee

Hi @fatgreycat,

 

There aren't any issues. I made it work with the following code finally. (the main part is as follows.)

var models = window['powerbi-client'].models;

const slicer_filter = 
    {
        selector: new models.VisualSelector("97cc6177cbc5e4a48834"),
        state: {
            filters: [
                {
                    "$schema": "http://powerbi.com/product/schema#basic",
                    "target": {
                        "table": "DimProduct",
                        "column": "ColorName"
                    },
                    "operator": "In",
                    "values": [
                        "Blue"
                    ]
                }
            ]
        }
    };

var config= {
    type: 'report',
    tokenType: tokenType == '0' ? models.TokenType.Aad : models.TokenType.Embed,
    accessToken: txtAccessToken,
    embedUrl: txtEmbedUrl,
    id: txtEmbedReportId,
    slicers: [slicer_filter],
    permissions: permissions
};

var embedContainer = $('#container')[0];
var report = powerbi.embed(embedContainer, config);

So please check out these things below.

1. The format of the filter,

2. The slicer is an array.

 

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

6 REPLIES 6
v-jiascu-msft
Employee
Employee

Hi @fatgreycat,

 

Could you please mark the proper answers as solutions?

 

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.
v-jiascu-msft
Employee
Employee

Hi @fatgreycat,

 

There aren't any issues. I made it work with the following code finally. (the main part is as follows.)

var models = window['powerbi-client'].models;

const slicer_filter = 
    {
        selector: new models.VisualSelector("97cc6177cbc5e4a48834"),
        state: {
            filters: [
                {
                    "$schema": "http://powerbi.com/product/schema#basic",
                    "target": {
                        "table": "DimProduct",
                        "column": "ColorName"
                    },
                    "operator": "In",
                    "values": [
                        "Blue"
                    ]
                }
            ]
        }
    };

var config= {
    type: 'report',
    tokenType: tokenType == '0' ? models.TokenType.Aad : models.TokenType.Embed,
    accessToken: txtAccessToken,
    embedUrl: txtEmbedUrl,
    id: txtEmbedReportId,
    slicers: [slicer_filter],
    permissions: permissions
};

var embedContainer = $('#container')[0];
var report = powerbi.embed(embedContainer, config);

So please check out these things below.

1. The format of the filter,

2. The slicer is an array.

 

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.
v-jiascu-msft
Employee
Employee

Hi @fatgreycat,

 

I have consulted some experts. I will update here when I get the answer.

 

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.

Update the report ID: CRI 79433674.

 

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.

Hi Dale,

 

Sorry I don't understand what you are asking me to do?

Hi @fatgreycat,

 

Sorry for the confusion. It's a reference to other teams. You don't need to do anything.

 

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
Microsoft Fabric Learn Together

Microsoft Fabric Learn Together

Covering the world! 9:00-10:30 AM Sydney, 4:00-5:30 PM CET (Paris/Berlin), 7:00-8:30 PM Mexico City

PBI_APRIL_CAROUSEL1

Power BI Monthly Update - April 2024

Check out the April 2024 Power BI update to learn about new features.

April Fabric Community Update

Fabric Community Update - April 2024

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