Javascript HighCharts导出隐藏滚动条

当我通过导出库导出图表时，如何在HighChart上隐藏启用的滚动条？我曾尝试切换滚动条的显示，但当内部代码调用chart.getSVG（）时，似乎忽略了在HighCharts库之外对图表所做的任何更改（例如，通过代码修改图表元素）

请参见此处的工作示例：

HTML

<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/offline-exporting.js"></script>

<div id="container"></div>

<button id="toggleScrollbar">
  Toggle Scrollbar
</button>

切换滚动条

JavaScript

 $(function() {
  Highcharts.chart('container', {
    exporting: {
      chartOptions: { // specific options for the exported image
        plotOptions: {
          series: {
            dataLabels: {
              enabled: true
            }
          }
        }
      },
      scale: 3,
      fallbackToExportServer: false
    },

    chart: {
      type: 'bar'
    },
    title: {
      text: 'Historic World Population by Region'
    },
    subtitle: {
      text: 'Source: <a href="https://en.wikipedia.org/wiki/World_population">Wikipedia.org</a>'
    },
    xAxis: {
      categories: ['Africa', 'America', 'Asia', 'Europe', 'Oceania'],
      title: {
        text: null
      },
      scrollbar: {
        enabled: true
      }
    },
    yAxis: {
      min: 0,
      title: {
        text: 'Population (millions)',
        align: 'high'
      },
      labels: {
        overflow: 'justify'
      }
    },
    tooltip: {
      valueSuffix: ' millions'
    },
    plotOptions: {
      bar: {
        dataLabels: {
          enabled: true
        }
      }
    },
    legend: {
      layout: 'vertical',
      align: 'right',
      verticalAlign: 'top',
      x: -40,
      y: 80,
      floating: true,
      borderWidth: 1,
      backgroundColor: ((Highcharts.theme && Highcharts.theme.legendBackgroundColor) || '#FFFFFF'),
      shadow: true
    },
    credits: {
      enabled: false
    },
    series: [{
      name: 'Year 1800',
      data: [107, 31, 635, 203, 2]
    }, {
      name: 'Year 1900',
      data: [133, 156, 947, 408, 6]
    }, {
      name: 'Year 2012',
      data: [1052, 954, 4250, 740, 38]
    }]

  });

  $('#toggleScrollbar').on('click', function() {
    var $scrollbar = $('#container').find('.highcharts-scrollbar');
    $scrollbar.toggle();
  });
});

$（函数（）{
Highcharts.chart（'容器'{
出口：{
chartOptions:{//导出图像的特定选项
打印选项：{
系列：{
数据标签：{
已启用：true
}
}
}
},
比例：3，
fallbackToExportServer:false
},
图表：{
类型：'bar'
},
标题：{
正文：“按区域分列的历史世界人口”
},
副标题:{
文本：“来源：”
},
xAxis：{
类别：[“非洲”、“美洲”、“亚洲”、“欧洲”、“大洋洲”]，
标题：{
文本：空
},
滚动条：{
已启用：true
}
},
亚克斯：{
分:0,，
标题：{
正文：“人口（百万）”，
对齐：“高”
},
标签：{
溢出：'justify'
}
},
工具提示：{
valueSuffix:'百万'
},
打印选项：{
酒吧：{
数据标签：{
已启用：true
}
}
},
图例：{
布局：“垂直”，
对齐：“右”，
垂直排列：“顶部”，
x:-40，
y:80，
浮动：是的，
边框宽度：1，
背景颜色：（（Highcharts.theme&&Highcharts.theme.legendBackgroundColor）| |'#FFFFFF'），
影子：对
},
学分：{
已启用：false
},
系列：[{
名称：“1800年”，
数据：[107,31635203,2]
}, {
名称:"1900年",，
数据：[133156947408,6]
}, {
名称：“2012年”，
数据：[1052954425074038]
}]
});
$（'#toggleScrollbar'）。在（'click'，function（）上{
var$scrollbar=$（“#容器”）.find（“.highcharts scrollbar”）；
$scrollbar.toggle（）；
});
});

如您所见，以任何格式导出图表时，都会显示图表的滚动条。但是，当您使用图表下方的按钮切换滚动条，然后将其导出时，滚动条仍会在导出中呈现

我找不到有关动态禁用滚动条的任何信息：(

---

注意：需要启用滚动条才能在我的客户端环境中使用。这只是一个启用滚动条的快速示例，以演示此问题。

您可以在

导出中为导出的图表设置其他选项。chartOptions

属性-这些选项将被合并

exporting: {
  chartOptions: { // specific options for the exported image
    plotOptions: {
      series: {
        dataLabels: {
          enabled: true
        }
      }
    },
    xAxis: {
        scrollbar: {
        enabled: false
      }
    }
  },
  scale: 3,
  fallbackToExportServer: false
},

---

示例：

您可以在导出.chartOptions属性中为导出的图表设置其他选项-这些选项将被合并

exporting: {
  chartOptions: { // specific options for the exported image
    plotOptions: {
      series: {
        dataLabels: {
          enabled: true
        }
      }
    },
    xAxis: {
        scrollbar: {
        enabled: false
      }
    }
  },
  scale: 3,
  fallbackToExportServer: false
},

---

示例：

谢谢！我没有考虑出口选项。非常感谢：）谢谢！我没有考虑过出口选择。非常感谢：）