通过 iframe 隐藏 React 应用程序中嵌入的 Power BI 报表中的页脚

Question

我已使用 iframe 成功将 Power BI 报告集成到我的 React 应用程序中。但是，我正在努力寻找一种方法来隐藏 Power BI 报表底部显示的页脚。我已经探索了 Power BI Desktop 中的选项，但它们似乎不适用于嵌入式版本。

当 Power BI 报表通过 iframe 嵌入到 React 应用程序中时，是否有特定的配置或解决方法来隐藏页面页脚？任何有关实现这一目标的见解或指导将不胜感激。

Answer 1

我们可以隐藏嵌入式报告中的页面导航窗格。检查下面的代码以隐藏导航窗格

// The new settings that you want to apply to the report.
const newSettings = {
     navContentPaneEnabled: false
};

// Update the settings by passing in the new settings you have configured.
try {
    await report.updateSettings(newSettings);
    console.log("Page Navigation pane was removed.");
}
catch (error) {
    console.log(error);
}

请参阅配置报告设置 - 页面导航窗格了解更多详细信息。