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

时间:2016-04-28 05:47:30

标签: javascript css highcharts

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

试试这个小提琴 - http://jsfiddle.net/6hyfk/34/

此处的高级代码

$(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);

});
});

Hide/disable export button in print page

感谢。

1 个答案:

答案 0 :(得分:2)

您可以捕获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/

相关问题