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

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