Как скрыть «Страницу» и «Фильтр» при встраивании отчета Power BI с помощью iFrame - PullRequest
Новая
       49

Как скрыть «Страницу» и «Фильтр» при встраивании отчета Power BI с помощью iFrame

1 голос
/ 29 января 2020

Я пытаюсь встроить отчет Power BI на мою веб-страницу с помощью iframe, но в нем отображается имя страницы и боковой правый фильтр вместе с отчетом на веб-странице. Можем ли мы скрыть как имя страницы, так и фильтр из отчета?

Ответы [ 2 ]

1 голос
/ 29 января 2020

Как уже упоминалось в другом ответе, вы можете попробовать передать эти аргументы , если вы используете PowerBI JavaScript API : https://github.com/microsoft/PowerBI-JavaScript

settings: {
  filterPaneEnabled: false,
  navContentPaneEnabled: false
}

Документы: https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details

Если это не удастся, вы можете попытаться манипулировать DOM фрейма, который вы используете, следующим образом: 

<!DOCTYPE html>
<html>

<body>

    <iframe id="myframe" src="demo_iframe.htm"></iframe>

    <p>Click the button to change the background color of the document contained in the iframe.</p>

    <p id="demo"></p>

    <button onclick="myFunction()">Try it</button>

    <script>
        function myFunction() {
            var x = document.getElementById("myframe");
            var y = (x.contentWindow || x.contentDocument);
            if (y.document) y = y.document;
            y.body.style.backgroundColor = "red";
        }
    </script>

</body>

</html>

Вы можете посмотрите демо, если оно здесь: https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_iframe_contentdocument

и объяснение того, как это работает здесь: https://www.w3schools.com/jsref/prop_frame_contentdocument.asp

1 голос
/ 29 января 2020

Вы можете настроить параметры отчета. Установите для флагов ниже значение false, чтобы добиться желаемого в настройках. 

settings: {
  filterPaneEnabled: false,
  navContentPaneEnabled: false
}

Вы можете прочитать об этом здесь: https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details

...