PowerBI Embedded - cómo personalizar el funcionamiento/contexto del menú y el diseño personalizado

[Anonymous]

He integrado powerbi-embedded con Angular 9 aplicación web también añadir código para layut personalizado, pero no está funcionando.

Quiero personalizar el menú de operaciones /context y el diseño personalizado.

Objeto de configuración -

const config: any = {
  type: 'report',
  uniqueId: 'report-id',
  permissions: this.model.Permissions.All,
  embedUrl: 'embed-url',
  accessToken: 'access-token',
  settings: {
  layoutType: this.models.LayoutType.Custom,
  customLayout: {
   pageSize: {
    type: this.models.PageSizeType.Custom,
    width: 1600,
    height: 1200
   },
   displayOption: this.models.DisplayOption.ActualSize,
   pagesLayout: {
    "MyReportSection007" : {
     defaultLayout: {
      displayState: {
       mode: this.models.VisualContainerDisplayMode.Hidden
      }
     },
     visualsLayout: {
      "VisualContainer1": {
       x: 1,
       y: 1,
       z: 1,
       width: 400,
       height: 300,
       displayState: {
        mode: this.models.VisualContainerDisplayMode.Visible
       }
      },
      "VisualContainer2": {
       displayState: {
        mode: this.models.VisualContainerDisplayMode.Visible
       }
      },
     }
    }
   }
  }
 }

};

por encima de la configuración. no funciona. cualquier idea de cómo puedo asegurar la personalización en el funcionamiento del menú y el diseño.

Estoy siguiendo a continuación los documentos -

https://microsoft.github.io/PowerBI-JavaScript/demo/v2-demo/index.html#

https://github.com/microsoft/PowerBI-JavaScript/wiki/Custom-Layout

Gracias