如何设置嵌入式PowerBI仪表板的样式?

时间:2017-11-07 12:29:44

标签: css iframe powerbi powerbi-embedded

我已设法将PowerBi信息中心嵌入网页。

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

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

有谁知道我如何设计我的PowerBI仪表板并在没有iFrame的情况下嵌入它(这是否可能?)?

2 个答案:

答案 0 :(得分:0)

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

你真的需要一个仪表板,也许一份报告可以做到吗?至少你可以随意放置组件。

答案 1 :(得分:0)

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

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

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

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

如果您很难找到要更改CSS的元素,请使用Chrome中的inspect元素并通过更改每个元素上的CSS进行测试。

当我找到了标题时,我能够隐藏和更改标题的位置:

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