javascript - 带有 display: none 的元素正在打印到工作表。

Question

我在让它工作时遇到了一些麻烦我有一个复杂的 HTML 页面，它有一个图表（来自 Highcharts），当我尝试只打印图表时，打印图表加上所有元素设置为显示的页面：无。这是来自 highcharts 的一个模块。

print: function () {
    // win.print();
    var chart = this,
        container = chart.container,
        origDisplay = [],
        origParent = container.parentNode,
        body = doc.body,
        childNodes = body.childNodes;

    if (chart.isPrinting) { // block the button while in printing mode
        return;
    }

    chart.isPrinting = true;

    // hide all body content
    each(childNodes, function (node, i) {
        if (node.nodeType === 1) {
            origDisplay[i] = node.style.display;
            node.style.display = 'none';
        }
    });

    // pull out the chart
    body.appendChild(container);

    // print
    win.focus(); // #1510
    win.print();



    // allow the browser to prepare before reverting
    setTimeout(function () {

        // put the chart back in
        origParent.appendChild(container);

        // restore all body content
        each(childNodes, function (node, i) {
            if (node.nodeType === 1) {
                node.style.display = origDisplay[i];
            }
        });

        chart.isPrinting = false;

    }, 1000);
},

我不知道为什么这不起作用。这是我的页面源代码的链接。

谢谢！