在 Power BI Embedded 的页面栏中隐藏页面

Question

我正在将 Power BI 报表嵌入到我们的应用程序中。我想根据我们的应用程序状态显示/隐藏可用的报告页面。是否有任何 Javascript API 可以隐藏具体页面？

我知道，可以在 Power BI 桌面中隐藏页面，但我需要为具体的用户会话动态修改它。

Answer 1

我认为目前不支持此功能。至少我在page.ts source code 中没有看到这样做的方法。

在Microsoft official demo 他们hided the navigation bar 并使用网页中的按钮change the active report page，因此您也可以使用此解决方法。

页面导航默认启用/可见，但可以通过在元素上添加属性或在嵌入配置中指定设置来禁用/隐藏：

所以要隐藏页面导航面板，添加如下属性：

<div ... powerbi-settings-nav-content-pane-enabled="false"></div>

或者在嵌入式配置详情中指定：

var embedConfig = {
    ...
    settings: {
        navContentPaneEnabled: false
    }
};

要将报告切换到某个页面，请将其称为setActive 方法：

const page = report.page('ReportSection1');
page.setActive();