Css 打印时捕获整个d3图形
我正试图为一个拥有大量d3图形的应用程序编写一个Css 打印时捕获整个d3图形,css,printing,d3.js,Css,Printing,D3.js,我正试图为一个拥有大量d3图形的应用程序编写一个print.css样式表。我尝试过设置宽度为100%,不同的pt值等,但我无法在打印预览中显示整个图形。关于如何设置svg/容器的样式以便在普通8.5x11上打印整个内容,有什么提示吗 非常感谢。下图:x轴实际转到2013年,如您所见,打印时图形被切断 已编辑 我最初的建议是: svg#time-series-graph { transform: scale(0.5); } 这不适用于不同的浏览器。如果我理解正确的话,transform属
print.css
样式表。我尝试过设置宽度为100%
,不同的pt
值等,但我无法在打印预览中显示整个图形。关于如何设置svg/容器的样式以便在普通8.5x11上打印整个内容,有什么提示吗
非常感谢。下图:x轴实际转到2013年,如您所见,打印时图形被切断
已编辑
我最初的建议是:
svg#time-series-graph {
transform: scale(0.5);
}
这不适用于不同的浏览器。如果我理解正确的话,transform
属性实际上不在SVG规范中,因为它可以使用CSS进行更改(尽管它在Firefox中似乎可以工作)
一个丑陋的替代方案是呈现两个图表:一个只在屏幕上可见,另一个较小的图表只在print.css中可见。一定有更好的办法 这是我搜索的最佳结果,因此我正在添加我找到的解决方案。增加一个
宽度:670px包含元素上的代码>使其适合。听起来您可能希望修改代码以调整图形大小以适合页面。此样式化不起作用,即使我将其添加到_print.scss外部。这是我尝试的。当我检查元素(铬)它只是有风格划掉了。。。没有任何意义。。。其他任何东西都不应该覆盖它。我不确定问题出在哪里。你能发布到该页面的链接吗?对不起,我还不能这样做。如果有新的消息出现,我会再次发表评论,但在那之前,我会继续尝试。