Highcharts：如何从浏览器中导出多个图表？

我有一个页面，上面有四个折线图。拥有

exporting: {
    enabled: false
}

我可以看到Highcharts生成的导出下拉列表，每个图表上都有下载为PDF等选项。这些导出选项不涉及对服务器的任何访问。这是一个纯客户端解决方案

我想知道是否有任何方法可以在浏览器中使用Javascript，允许我在一个PDF文档中导出页面上的所有图表

---

谢谢和问候。

好吧，我不想向您透露这一点，但需要澄清的是，默认的导出选项并不是纯客户端的。通过它们，可以使用配置选项覆盖导出服务器的url

您可能需要阅读他们的导出模块&阅读有关导出模块的更多信息

您可以考虑并覆盖导出函数来发送页面上所有图表的SVG，并在服务器端进行拼接并发送回图像。

exporting: {
    buttons: {
        contextButton: {
            menuItems: [{
                text: 'Export All Charts',
                onclick: function() {
                    var allCharts=Highcharts.charts;
                    var svgArray=[];
                    for(var i=0;i<Highcharts.charts.length;i++){
                        svgArray[]=Highcharts.charts[i].getSVG();
                    }     
                    // ... Post svgArray to your exporting server                        
                }                    
            }]
        }
    }
}

导出：{
按钮：{
上下文按钮：{
菜单项：[{
文本：“导出所有图表”，
onclick:function（）{
var allCharts=Highcharts.charts；
var svgArray=[]；
对于（var i=0；iHow about？；）Pawel，“我可以看到Highcharts生成的导出下拉列表，每个图表上都有下载为PDF等选项。这些导出选项不涉及对服务器的任何访问。这是一个纯客户端解决方案。”--是否正确？不正确-Highcharts导出功能需要外部服务器。我的评论是关于在一个pdf/jpeg/png文件中呈现多个图表，很抱歉不清楚。
exporting: {
    buttons: {
        contextButton: {
            menuItems: [{
                text: 'Export All Charts',
                onclick: function() {
                    var allCharts=Highcharts.charts;
                    var svgArray=[];
                    for(var i=0;i<Highcharts.charts.length;i++){
                        svgArray[]=Highcharts.charts[i].getSVG();
                    }     
                    // ... Post svgArray to your exporting server                        
                }                    
            }]
        }
    }
}