/ /埋め込まれたPowerBIダッシュボードをどうやってスタイルするのですか? - css、iframe、powerbi、powerbi-embedded

埋め込まれたPowerBIダッシュボードのスタイルを設定するにはどうすればよいですか? - css、iframe、powerbi、powerbi-embedded

PowerBi DashboardをWebページに埋め込むことができました。

残念ながら、それはひどく見えます。 たとえば、パディングはばかげています。タイトルは左上隅に固定されていますが、削除したいのですが、すべてのコンテンツがiFrameにロードされます。高さと幅を設定しないと、ダッシュボードが見えなくなり反応しなくなります。ウィンドウの拡大縮小の観点からは、中央には何もありません...

CSSを上書きしてみました。例えば、私は display: none !important; ヘッダーのプロパティ(タイトルを削除するため)は、効果はありません。また、iFrameの背景色を灰色からWebページの色に合わせて変更してみましたが、それでもうまくいきませんでした。

私のPowerBIダッシュボードをどのようにスタイル設定してiFrameなしで埋め込むことができるかを誰もが知っていますか(これでも可能ですか?)

回答:

回答№1は0

私の知る限りでは、現時点では、 "IFrameなしでPowerBIからWebページに何かを埋め込むことは不可能です。

あなたは本当にダッシュボードが必要ですか、多分レポートはそれをするでしょうか?少なくともあなたは好きなようにコンポーネントを配置することができるでしょう。


回答№2の場合は0

私は同じ問題を抱えていました。私はCSSを使用して、レポートとダッシュボードの両方でiFrameのスタイルを変更しました。

私は角度のあるプロジェクトを使用していて、Iframeを表示しているコンポーネントにCSSを追加しました。

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

高さ、幅、位置も調整します。

CSSを変更する要素を見つけるのに苦労している場合は、Chromeのinspect要素を使用して、各要素のCSSを変更してテストしてください。

タイトルがどのdivに入っているのかを見つけたら、タイトルの位置を隠したり位置を変更したりできました。

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