javascript - 莫里斯图导出为 PDF？

Question

我正在使用 Morris.js 创建图表。我需要将图表导出为 pdf。我可以看到图形是 svg 元素。我应该怎么做才能实现这一目标。

Answer 1

我拿了一个 Morris 样本，为你做了一把 fiddle :

http://jsfiddle.net/1roLdqte/48/

我添加了一个简单的调用，以将现有的 div 格式化为仅包含莫里斯图表的 PDF:

$('#print').click(function () {
printMe();
});
function printMe() {
  xepOnline.Formatter.Format('line-example',{render:'download', srctype:'svg'});
 }

运行 fiddle 并按下 PDF 按钮。

请注意，这里有更多可用参数，您可以格式化更多内容，而不仅仅是 morris.js 图表、控制页面大小、添加页眉/页脚等。这仅将图表 (srctype:'svg') 格式化为矢量图像(而非光栅)的 PDF。