小编Zso*_*aly的帖子

我想打印一个html页面.html页面是由我开发的,这个页面可以用mozilla打印,即.

在Chrome中:当按下CTRL + P时会弹出预览窗口,但它会显示:"打印预览失败",我无法打印任何内容.在Opera中,它不会显示打印窗口,也不会按下CTRL + P,也不会从菜单 - >打印,Safari打印白页.

你有什么想法可能有什么不对吗？什么样的错误会导致这个问题？是否有任何错误日志为chrome,找出错误的原因？

编辑

我尝试删除html元素,css脚本,javascripts,我发现我的一个css文件阻止打印预览,我会去一个,并将尝试从CSS中删除块,我希望我能找到这种方式在哪里是错误.

编辑2

没有成功......是否有可能,css对于浏览器来说是大的？css里面有导入,我试图删除它们,但这并没有解决我的问题...还有其他建议吗？

编辑3 我有以下内容:

<link rel="stylesheet" href="/css/style.default.css" type="text/css" media="all"/>
<link rel="stylesheet" href="/css/myStyle.css" type="text/css" media="all"/>
<link rel="stylesheet" href="/css/print.css" type="text/css" media="print"/>

如果我评论第一个包含,或者将媒体更改为screen.default.css的屏幕,则会生成预览,但缺少css规则.style.default.css是我的全局css,它有17个其他的css导入到它:

@import url('jquery.ui.css');
@import ...

我试图评论导入,并尝试使用该文件中的css规则.(如果错误来自其中一个导入,这应该解决问题),但这并没有修复它,所以我尝试=反过来,评论css规则,并尝试只使用导入,相同的结果.只有成功,如果我评论整个文件...

还有其他建议吗？有人知道chrome是否记录了这样的错误？

是否有详细的文档如何制作自定义ngx图表？这是我发现的,但无法开始使用:https: //medium.com/@amcdnl/charts-with-svgs-in-angular2-1d08a0e635ea

我想创建一个自定义时间表图表,如下所示:

https://drive.google.com/open?id=0B2wUYluH2H4vZXdNUmxjU3JIWmc https://drive.google.com/open?id=0B2wUYluH2H4vSnZkT1ZUdWd3N2M

我试图重新创建第二个,这是我目前取得的进展:https: //drive.google.com/open？id = 0B2wUYluH2H4veGlNak13clRFeEk

我在这个图表中只使用了svg矩形,但我希望在angular4下使用d3.我认为可以使用ngx-chart和d3完成,但我找不到任何有用的文档.

svg来源:

<svg class="chart" width="1440" height="100">
    <svg:g transform="translate(1, 5)">
        <g *ngFor="let bar of bars; let i = index">
            <rect [ngClass]="getFillClass(bar.eventType)"
                  [attr.x]="calcX(i)"
                  [attr.y]="calcY(bar.eventType)"
                  [attr.width]="bar.duration"
                  [attr.height]="getHeight(bar.eventType)"
                  rx="0"
                  ry="0">
            </rect>
        </g>
        <svg:line
                class="xAxis"
                [attr.x1]="0"
                [attr.y1]="maxHeight - 5"
                [attr.x2]="1440"
                [attr.y2]="maxHeight - 5" />
    </svg:g>
</svg>