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/

Answer 2

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

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

2 个答案: