D3 图表打印问题

Question

我有一个包含 d3 图表的页面。
如果我尝试打印页面，它会将图表裁剪成两半。

但是如果我将页面的最大宽度设置为 700 px，那么它在 chrome 浏览器中的打印仿真中显示良好。但它再次在打印预览中裁剪图表。

那么我应该将图表转换为图像以进行打印吗？人们如何使用 d3 进行打印？

Answer 1

可能是因为您使用了一些外部 css ...当我们将外部 css 与 SVG 元素一起使用时，它会在打印时错过它们，因为打印中的 SVG 无法获取css .. 所以你检查这个，你需要构建的所有 css SVG 都可以在 SVG 的标签中作为内联 css ..

为了检查，您可以复制整个 SVG 元素并将其作为 .SVG 扩展名保存在新文件中，看看它如何给您结果。