HighCharts图表导出（屏幕截图下载）不显示导航器图形

Question

我们目前正在使用HighCharts 4.2.2

http://api.highcharts.com/highcharts/exporting

因此，在阅读他们的导出文档时，我决定不使用默认菜单下拉菜单。我只需要访问.exportChart()函数。

所以我做的是一旦图表完成渲染数据，我将图表对象存储到工厂中。

当我点击另一个组件（chartHeaderComponent）中的按钮实际下载屏幕截图时，我只需检索存储的图表对象并在其上调用exportChart。

HighChartsComponent

return priceLine
    .then(alertSeries)
    .then(tagLine)
    .then(renderChart(chart))
    .then((chart) => {
        ChartExport.setScreenshot(chart);
        this.chartLoading = false;
        return chart;
    });

ChartHeaderComponent

this.screenshotChart = () => ChartExport.getScreenshot().exportChart();

这将为我下载图表，但缺少导航器数据：（

第一个截图是我在应用中看到的：

第二个屏幕截图是我在下载屏幕截图后看到的内容。

我可以在这里发布有关图表对象的详细信息，但它很大，所以如果有人能告诉我他们需要的特定密钥，我可以在这里发布。

非常感谢任何帮助或提示！ ：d

或至少考虑如何从屏幕截图功能中隐藏导航器。

Answer 1

要在导出时隐藏导航器，您需要将exporting.chartOptions.navigator.enabled设置为false。

exporting: {
        chartOptions: {
          navigator: {
            enabled: false
          },
          scrollbar: {
            enabled: false
          }
        }
    }

示例：http://jsfiddle.net/yc1yptos/