Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/actionscript-3/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 打印时捕获整个d3图形_Css_Printing_D3.js - Fatal编程技术网

Css 打印时捕获整个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属

我正试图为一个拥有大量d3图形的应用程序编写一个
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外部。这是我尝试的。当我检查元素(铬)它只是有风格划掉了。。。没有任何意义。。。其他任何东西都不应该覆盖它。我不确定问题出在哪里。你能发布到该页面的链接吗?对不起,我还不能这样做。如果有新的消息出现,我会再次发表评论,但在那之前,我会继续尝试。