javascript - HighCharts图表导出(截图下载)不显示Navigator图

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;
    });

图表页眉组件

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

这将为我下载图表，但是缺少导航器数据:(

第一个屏幕截图是我在我们的应用程序中看到的:

第二张截图是我下载截图后看到的。

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

非常感谢任何帮助或提示! :D

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

Answer 1

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

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

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