Plotly Dash Vanguard报告示例无法正确保存为pdf

Question

我正在查看一些破折号的示例，而对于先锋示例（link），我的chrome浏览器中未正确显示该示例：每个页面的底部都丢失了。而且，如果我单击右上角的“打印PDF”按钮并选择“保存为pdf”，则文件存在相同的问题。 pdf的快照是：

如果我切换到IE浏览器，则格式看起来可以，但是当我单击“打印PDF”按钮并选择“ Microsoft打印为PDF”时，输出文件没有背景色：

我不确定如何解决此问题，请问有人可以帮助我吗？非常感谢！

Answer 1

您的Chrome浏览器是什么版本？我尝试从自己的角度查看pdf文件（Chrome版本：71.0.3578.98（正式版本）（64位）），看起来一切正常，结果like this，然后单击打印按钮，预览结果like this。

关于IE浏览器中的背景色缺失错误。 请尝试使用Chrome或Firefox打印pdf文件，然后确认背景色是否丢失。

如果不缺少背景色，则可能是与IE浏览器设置有关。您可以尝试turn on the Print background Colors and Images option。

如果Chrome和Firefox中也缺少背景色，则可能需要检查CSS样式。您可以参考this thread。

编辑：此外，我认为您也可以检查页面纸张设置。

Answer 2

我通过将以下媒体查询添加到您的css文件中来解决此问题：

@media print
   html, body {
       -webkit-print-color-adjust: exact;
    }