javascript - 将 dygraph 图表保存到本地硬盘上的 jpg 图像中

Question

我正在使用 JavasSript Dygraphs 图表。一切都很好，但我需要做的是能够将它作为图像保存在我的本地硬盘上。下面是我的 JavaScript 代码：

<script type="text/javascript">
 var img;
  g3 = new Dygraph(
   img = document.getElementById("graphdiv3"),
    "temperatures.csv",
    {
       rollPeriod: 9,
       showRoller: true,  
    }
    );
</script>

这是我的 HTML 代码：

 <div>
     <div id='graphdiv3'></div>
 </div>

Answer 1

您可以在页面中创建隐藏的图像元素并将图像导出到用户磁盘，但问题是下载的文件将没有任何文件类型。用户可以在任何图像查看器中打开下载的文件。

var img = document.getElementById(imgId);
Dygraph.Export.asPNG(graph, img);
window.location.href = img.src.replace('image/png','image/octet-stream');

这使用来自此链接http://cavorite.com/labs/js/dygraphs-export/的 dygraph-export 库

Answer 2

没有官方的方法可以做到这一点，但是 dygraphs 用户已经按照这些思路做了一些工作： https ://groups.google.com/d/topic/dygraphs-users/whcMjtBE7s0/discussion