php - 将多个 Highchart 作为 Zip 文件导出到我的项目目录

Question

• 我已在一个页面中成功创建了总共 4 个不同的图表。
• 我有一个“下载所选图表”按钮，单击此按钮我需要使用所选图表 PDF 创建一个 ZIP 文件，这意味着如果我选择三个图表，则创建一个包含三个图表 PDF 的 ZIP 文件。
• Highchair 提供了将图表下载为 PDF、SVG、PNG 等格式的功能，但我无法下载多个选定的图表。
• 我检查 Highchart 导出服务器文档 - http://www.highcharts.com/docs/export-module/setting-up-the-server但我不明白如何使用这个。

如果有人有想法，请帮助我，我该怎么做？

Answer 1

解决此问题的示例是:

1. 创建图表

   var options1 = { 
       // ...
   };
   $('#chart1').highcharts(options1);
   

2. 要求 Highcharts 导出服务器生成图表图像

   var exportUrl = 'http://export.highcharts.com/';
   var d1 = $.ajax({
       url: exportUrl,
       // ...
   });
   

3. 获取生成图像的内容

   $.when(d1).done(function(v1) {
       var p1 = new JSZip.external.Promise(function (resolve, reject) {
           JSZipUtils.getBinaryContent(exportUrl + v1[0], function(err, data) {
               // ...
           });
       });
       // ...
   

4. 使用 JSZip 构建并保存包含生成图像内容的 ZIP 文件

       // ...
       Promise.all([p1]).then(function(values) {
           var zip = new JSZip();
           zip.file("chart1.png", values[0], {binary:true});
           zip.generateAsync({type:"blob"})
           .then(function(content) {
               saveAs(content, "charts.zip");
           });
       });
   });
   

您可以看到this (very scrappy) JSFiddle demonstration如何获取 ZIP 文件。步骤如上所述，但未连接到任何按钮，而是在进入站点后立即执行。