如何在打印 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() 方法只会打印嵌入的报告。
3. powerbi.get() 返回的 report 对象是一个与嵌入报表交互的 JS 对象。

一种解决方案可以是为您的 Logo 和 免责声明 使用单独的 div，并将所有 3 个 div 包装在一个父 div 中。

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