Javascript 打印时未调整Highchart的大小

Highchart集成到

angularjs

指令中。该指令仅打印元素的内容。以下是指令代码。从中获取代码

下面是正在使用的css：

@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        visibility:hidden;
    }
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}

除图表外，所有内容都正确打印在一页上。这张图表在印刷时被剪掉了。据我所知，highchart响应迅速，但在打印布局中无法正常工作

在

窗口中。onafterprint

中，图表的大小调整仅第一次起作用。在随后的打印调用中，新的图表元素被添加到dom中

---

我在这里错过了什么？我需要调整图表的大小还是重新绘制？在哪里调整或重新绘制？我是否需要将

css

应用于highchart元素？

您可以发布一个像JSFIDLE这样的实例吗？你看到了吗？另一个可能会有帮助的例子——你能发布一个活生生的例子吗，比如JSFIDLE？你看到了吗？另一个可能有用的例子-

@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        visibility:hidden;
    }
    #printSection, #printSection * {
        visibility:visible;
    }
    #printSection {
        position:absolute;
        left:0;
        top:0;
    }
}