如何在Asp.Net应用嵌入的Power BI报表中隐藏菜单栏选项？

在ASP.NET应用中通过Power BI JavaScript API嵌入报表时，可通过配置嵌入参数的settings对象，直接控制顶部菜单栏（File、Home、View）的显示状态，具体实现如下：

核心配置说明 #

嵌入报表的embedConfiguration里，settings属性下的navigation.panes.top是控制顶部菜单栏的关键项，设置其可见性为false即可隐藏整个顶部导航栏（包含File、Home、View选项）。

具体代码实现 #

找到项目中嵌入报表的JavaScript代码段，修改embedConfiguration的配置：

// 构建嵌入配置
var embedConfig = {
    type: 'report',
    id: '<你的报表ID>',
    embedUrl: '<报表的嵌入URL>',
    accessToken: '<有效的访问令牌>',
    settings: {
        navigation: {
            panes: {
                top: {
                    visible: false // 隐藏顶部的File、Home、View菜单栏
                },
                // 可选：若需隐藏左侧导航窗格，可添加下面配置
                // left: {
                //     visible: false
                // }
            }
        },
        // 可选：若需隐藏底部工具栏，可设置此项
        // toolbar: {
        //     visible: false
        // }
    }
};

// 执行报表嵌入
var report = powerbi.embed(document.getElementById('reportContainer'), embedConfig);

注意事项 #

• 目前Power BI JS API不支持单独隐藏File、Home、View中的某一个选项，只能整体隐藏顶部导航栏
• 确保使用的Power BI JS API为稳定版本，避免配置不兼容问题
• 访问令牌需具备报表嵌入的对应权限，否则配置无法生效

内容的提问来源于stack exchange，提问作者Sunny Kapare