打印Highcharts时动态设置图表的高度

Question

我正在使用Hightcharts.js 4.0.1

效果很好，但是当打印时，图表的大小需要与HTML文档上显示的图表大小不同。

如何设置它以便在打印图表时，它会达到页面宽度和高度的100％？

Answer 1

您可以在chart.setSize()和beforePrint事件回调函数中使用afterPrint方法更改图表大小，以便在整页上打印：

chart: {
  width: 1000,
  height: 600,
  events: {
    beforePrint: function() {
      this.setSize(1000, 1000);
    },
    afterPrint: function() {
      this.setSize(1000, 600,false);
      this.redraw();
    }
  }
},

在这里，您可以看到一个示例：http://jsfiddle.net/usw1hfd2/1/