javascript - Highcharts - 在打印页面中隐藏导出菜单

Question

我正在使用 Highcharts。我想打印图表。现在的问题是我在打印页面中看到了我不想要的导出按钮。如何在打印页面中禁用/隐藏该按钮？

试试这个 fiddle -http://jsfiddle.net/6hyfk/34/

这是 Highcharts 代码

$(function () {
$('#container').highcharts({
    series: [{  
        data: [1, 2, 3]        
    }]
});

$("#b").click(function() {
    var chart = $('#container').highcharts();

    chart.setSize(200,500, false);
    chart.print();
    setTimeout(function() {
        chart.setSize(600,500, false);
    }, 1000);

});
});

谢谢。

Answer 1

您可以捕获 beforePrint/afterPrint事件，然后操作 SVG 元素。

chart: {
  events: {
    beforePrint:function() {
        this.exportSVGElements[0].box.hide();
        this.exportSVGElements[1].hide();
    },
    afterPrint:function() {
        this.exportSVGElements[0].box.show();
        this.exportSVGElements[1].show();
    }
  }
},

http://jsfiddle.net/v8cxe2ww/