Css D3图表打印问题

Css D3图表打印问题,css,d3.js,printing,charts,Css,D3.js,Printing,Charts,我有一个包含d3图表的页面。 如果我试着打印这一页,它会把图表切成两半 但是如果我将页面的最大宽度设置为700px,那么它在chrome浏览器中的打印仿真中表现良好。但它再次在打印预览中裁剪图表 那么,我应该将图表转换为图像进行打印吗?人们如何使用d3进行打印?可能是因为您使用了一些外部css。。。当我们将外部css与SVG元素一起使用时,它在打印时将丢失这些元素,因为打印中的SVG无法获得该css。。因此,您可以检查这一点,即您需要构建SVG的标记中可用的所有css作为内联css 为了便于检查

我有一个包含d3图表的页面。
如果我试着打印这一页,它会把图表切成两半

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


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

可能是因为您使用了一些外部css。。。当我们将外部css与SVG元素一起使用时,它在打印时将丢失这些元素,因为打印中的SVG无法获得该css。。因此,您可以检查这一点,即您需要构建SVG的标记中可用的所有css作为内联css


为了便于检查,您可以复制整个SVG元素,并将其保存在新文件中作为.SVG扩展名,然后查看它如何给出结果。。如果它给你的结果和你的饼图一样,而不是用打印检查…

你能把你的d3图表放在什么地方吗?Github的要点是一个快速的方法,然后我们可以看到它bl.ocks.org//raw/。我个人对我的图表没有这个问题。如果我缩小页面宽度,图表的裁剪就会减少。所以,在打印时,我应该禁用动画或过渡吗?不过我试过了。