Mendix - 生成带有图表的 PDF答案

【问题标题】：Mendix - Generate PDF with chartsMendix - 生成带有图表的 PDF
【发布时间】：2020-08-30 02:52:28
【问题描述】：

我正在尝试使用 mendix 生成 PDF，但找不到将图表添加到 PDF 的任何方法。我已经为仪表板构建了图表，现在我只想将它们包含在发送给管理层的 PDF 报告中。

欢迎提供任何线索。

【问题讨论】：

【解决方案1】：

Mendix 本身不支持向 PDF 添加图表。要实现您想要的功能，您需要依赖第三方扩展。
我推荐 Templator - 文档 (PDF) 生成替代方案，您可以在 Mendix 应用商店 https://appstore.home.mendix.com/link/app/114043/ 中找到它。使用此模块，您可以使用为生成的 PDF 中的页面构建的相同图表。
请务必查看https://www.notion.so/gajduk/Templator-d35db3ba165346e3b243d6695636ccd4的入门指南

【讨论】：

【解决方案2】：

或者，您可以使用一些简单的 Javascript 将页面发送到打印机。这样，用户可以将其打印到页面或 pdf。

这允许您将任何您想要的内容保存为 pdf。您可能需要几行代码来仅打印您感兴趣的 UI 部分。

我曾经用过这个：

    var printContents = document.querySelector('.'+ className).innerHTML;
    var originalContents = document.body.innerHTML;

    const frag = new DocumentFragment();
    while (document.body.firstChild) {
        frag.appendChild(document.body.firstChild); // Moves it
    }

    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = "";
    while (frag.firstChild) {
        document.body.appendChild(frag.firstChild); // Moves it
    }

它将选择具有提供类名称 (className) 的页面元素，并将整个页面替换为该页面元素的内容。接下来页面将被发送到打印机。打印完成后，将恢复原始页面。

【讨论】：