Css 如何设计embded PowerBI仪表板?

Css 如何设计embded PowerBI仪表板?,css,iframe,powerbi,powerbi-embedded,Css,Iframe,Powerbi,Powerbi Embedded,我已成功地将PowerBi仪表板嵌入到网页中 不幸的是,它看起来很可怕。例如,填充物是荒谬的;标题卡在左上角,我想删除它;所有内容都加载到iFrame中,如果我不设置高度和宽度,它会使仪表板几乎不可见且无响应(在窗口缩放方面);没有什么是集中的 我尝试过覆盖CSS。例如,我尝试设置显示:无!重要的属性(以删除标题),但它没有效果。我还尝试将iFrame的背景颜色从灰色更改为与网页的颜色相匹配,但这也不起作用 有人知道我如何在没有iFrame的情况下设计PowerBI仪表板并将其嵌入其中(这可能吗

我已成功地将PowerBi仪表板嵌入到网页中

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

我尝试过覆盖CSS。例如,我尝试设置
显示:无!重要的属性(以删除标题),但它没有效果。我还尝试将iFrame的背景颜色从灰色更改为与网页的颜色相匹配,但这也不起作用


有人知道我如何在没有iFrame的情况下设计PowerBI仪表板并将其嵌入其中(这可能吗?)

据我所知,目前不可能在没有iFrame的情况下将PowerBI中的任何内容嵌入到网页中


你真的需要一个仪表板,也许一个报告就可以了?至少你可以随心所欲地放置组件。

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

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

border-width: 0; //Removes Iframe horrible border
我还可以调整高度、宽度和位置

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

当我找到标题所在的div时,我能够隐藏并更改标题的位置:

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

是的,我嵌入了报告,但是iframe很可怕。。。我无法控制CSS或元素的位置。我不想把每个元素都单独嵌入,因为我会有多个iframe,不是吗?你说得对,它不漂亮,但很有效。我想你不可能将所有的视觉效果收集到一个页面上,然后只嵌入一个报表?我所有的视觉效果都在一个报表中,但我希望能够控制填充、边距、字体等。当它在IFrame中时,限制是跨域源策略。