PowerBI embed configuration and settings not updating/working

[Anonymous]

Need Help.

I have integrated powerBI embeded chart ( using powerBi-javascript library ). I am able to see my chart in angular web app. 

I have added below configuration but filter pane is not visble  and content pane is not disable/hide ( no change in view/chart).

 const config = <IEmbedConfigurationBase><any>{
      type: 'report',
      uniqueId: '40cc1ea5-4ef2-4e63-8c4d-2970a6584be6', // reportId
      id: '40cc1ea5-4ef2-4e63-8c4d-2970a6584be6', // reportId
      tokenType: this.models.TokenType[1],
      embedUrl: 'my-embedUrl',
      accessToken: 'my-accessToken',
      settings: {
        filterPaneEnabled: true,  // true/false is not working
        navContentPaneEnabled: false, // true/false is not working 
      }
    };

Also, I want to add custom Layout but it's not working. additional configuration and settings are not working.

Thanks in advance.

[ibarrau · Accepted solution]

Hi! I think that was the old way to embed. Try this code for settings instead:

settings: {
      panes: {
        filters: {
          visible: true
        },
        pageNavigation: {
          visible: true
        }
      }
    }

You can use this site for embedding references: https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html

Hope this helps

Regards,

[Anonymous]

Thanks for quick replay.

I tried-out this solution, but it's not work for me. I don't know what went wrong. I have checked all code twice but still not working. Even not able to hide/show filters!

I refer this links and documentation for embeded configurations - 

1. https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html 
2.  https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details

Thanks