如何设置嵌入 Power BI 仪表板的样式？答案

【问题标题】：How do I style an embded PowerBI dashboard?如何设置嵌入 Power BI 仪表板的样式？
【发布时间】：2018-07-31 18:52:53
【问题描述】：

我已经设法将 PowerBi 仪表板嵌入到网页中。

不幸的是，它看起来很可怕。例如，填充是荒谬的；标题卡在左上角，我想删除；所有内容都加载到 iFrame 中，如果我不设置高度和宽度，则仪表板几乎不可见且无响应（就窗口缩放而言）；没有什么是居中的......

我尝试过覆盖 CSS。例如，我尝试在标题上设置display: none !important; 属性（以删除标题），但没有效果。我还尝试将 iFrame 的背景颜色从灰色更改为与网页的颜色相匹配，但这也不起作用。

有谁知道我如何设置 PowerBI 仪表板的样式并在没有 iFrame 的情况下嵌入它（这甚至可能吗？）？

【问题讨论】：

【解决方案1】：

据我所知，目前无法将 PowerBI 中的任何内容嵌入到没有 IFrame 的网页中。

您真的需要仪表板吗，也许一份报告就可以了？至少您可以随意放置组件。

【讨论】：

【解决方案2】：

我有同样的问题。我设法使用 CSS 为报表和仪表板重新设置 iFrame 的样式。

我正在使用 Angular 项目并将 CSS 添加到显示 Iframe 的组件中。

border-width: 0; //Removes Iframe horrible border

我还调整了高度、宽度和位置。

如果您很难找到要更改 CSS 的元素，请使用 Chrome 中的检查元素并通过更改每个元素的一些 CSS 进行测试。

当我找到它所在的 div 时，我能够隐藏和更改标题的位置：

visibility: hidden; //true to show
text-align: centre; //left or right

【讨论】：