将javascript图表导出为pdf

Question

我正在尝试导出使用Morris.js库生成的Javascript图表。有人知道我可以使用的任何宝石或意见吗？ 这里的问题是图表是JS生成的以及如何导出它们。

Answer 1

以下是以PDF格式下载图表的代码。

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

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

如果您想要添加更多数据以及图表，则可以使用gem wicked_pdf。

Answer 2

应该可以 - 我过去使用过Chart.js图表​​。

查看wicked_pdf

在控制器的respond_to块中渲染PDF文件。例如：

def report
  # do logic stuff
  respond_to do |format|
    format.pdf do
      render pdf: 'report',
             template: 'controller/report.html.erb',
             layout: "report",  # use a different layout than the rest of your site
             page_size: "A4",
             javascript_delay: 2000,
             image_quality: 100,
             background: true,
             disable_smart_shrinking: false,
             title: "Your report"
    end
  end
end

然后，您可以点击报告网址（将.pdf追加到最后），以便生成PDF。