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

ChartHeaderComponent

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

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

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

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

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

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

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

Answer 1

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

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

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

HighCharts图表导出（截图下载）不显示Navigator图

HighCharts chart export (screenshot download) does not display Navigator graph

javascript

charts

highcharts

angularjs

highcharts-ng

HighChartsComponent

ChartHeaderComponent

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

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