Power bi 網頁報表全屏顯示

Question

有什么方法可以在我的網站上全屏顯示 power bi 報告？ 我在那里讀到我只需要在我的 iframe 中添加 allowfullscreen="true" 參數，我已經完成了並且什么也沒有發生。

Answer 1

當我放置下面的代碼時，它對我有用..

var element = document.getElementById('Report'); //Report = Report containerid
var report = powerbi.get(element);
report.fullscreen();

Answer 2

        $scope.toggleFullScreen = function () {
        var iframe = angular.element(_iframeId);
        var elem = iframe[0];
        var requestFullScreen = elem.webkitRequestFullScreen || elem.requestFullscreen || elem.msRequestFullscreen || elem.mozRequestFullScreen || elem.webkitRequestFullscreen;
        requestFullScreen.call(elem);
    };

這就是我解決這個問題的方法。

Answer 3

您可以將?rs:embed=true添加到報告 url 的末尾（如果還沒有查詢參數，否則為&rs:embed=true ）。

Answer 4

您可以為 HTML 按鈕添加以下 javascript 代碼：

function fullscreen() {
            
   var embedContainer = $('#report-container')[0]; // Get a reference to the embedded report HTML element
   var report = powerbi.get(embedContainer); // Get a reference to the embedded report
            
   report.fullscreen(); // Displays the report in full screen mode.
}