javascript - Power bi web 报表全屏显示

Question

有什么方法可以在我的网站上全屏显示 power bi 报告？我在 那里读到，我只需将 allowfullscreen=“true” 参数添加到我已经完成的 iframe 中，什么都没有发生。

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到报告网址的末尾（如果还没有查询参数，则为&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.
}