javascript - 从导出菜单打印图表时隐藏滚动条

Question

在导出时打印图表时，有没有办法隐藏滚动条。我可以在导出 image & pdf 时隐藏 scrollbar 但在选择 print chart 选项时无法隐藏它。

我试过如下exporting.chartOptions配置

      chart_options.exporting.chartOptions = {
        xAxis : [{
          categories: timeline,
          min: 0,
          minRange: timeline.length-1,
          max: timeline.length-1
        }],
        scrollbar:{
          enabled: false
      }

它可以与其他导出选项一起正常工作，但在 print chart 选项中不行。

https://jsfiddle.net/harishk3499/gdv7oz9w/

请帮忙!

Answer 1

使用 CSS 打印 - @media 规则

@media print {
  .highcharts-scrollbar {
    display: none;
  }
}

更新

通过动态改变xAxis的max属性

chart.xAxis[0].setExtremes(null, null);    
chart.xAxis[0].options.max = undefined;
chart.render();

Working demo