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

Question

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

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

这里的highchart代码

$(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/