在打印Power BI嵌入式报告时如何添加自定义徽标（页眉和页脚）？

Question

我已经在我的一个客户端应用程序中嵌入了Power BI报表。它们需要我已经实现的打印功能，现在又有一个请求，我们需要在该报表中添加客户端徽标和一些页脚，但无法添加按照以下所示格式与报告一起打印。

由于我的报告显示在IFrame中，因此我只是尝试将徽标放在单独的div中，然后尝试将此IFrame附加到该div容器中。 当我尝试打印时，我只会看到徽标和页脚正在打印，而不是报表。在报表部分，它只是显示Power BI加载图标，而不是实际的报表。

var embedContainer = $('#dashboard-content-hidden')[0];
var report = powerbi.get(embedContainer);

//这是附加报告的div，并且该div带有一些示例文本和图像。

$('#printCont').append(report);

//打印div的另一种方法-不起作用

//printDiv('printCont'); 

//触发浏览器的“打印”对话框-这仅适用于打印报告。

report.print()
    .catch(function (errors) {
    Log.log(errors);
});

预期结果应该像

在此处登录

---

 Power Bi Report Here

---

免责声明

Answer 1

1. 您作为报表容器提供的div元素只能包含保存嵌入式报表的iframe。
2. 调用report.print()方法只会打印嵌入的报告。
从powerbi.get()返回的
3. report 对象是一个与嵌入式报表交互的JS对象。

一种解决方案是为 Logo 和 Disclaimer 使用单独的div，并将所有3个div包装在父div中。

<div id="print-this">
  <div>
    Logo
  </div>
  <div id="report-container">
  </div>
  <div>
    Disclaimer
  </div>
</div>