wicked_pdf宝石+高图

Question

我读了一些答案，但没有解决我的问题。

HTML图表效果很好，但是当我使用wicked_pdf图表导出到PDF时，则不会显示。

我设置图表选项：

 plotOptions: {
      series: {
        enableMouseTracking: false,
        shadow: false, 
        animation: false
      }
    },

并尝试给JavaScript延迟。

根据我阅读的一些帖子，我尝试再次在布局中包括和不包括jquery和/或highcharts js文件。

但是对我没有任何帮助，我的wkhtmltopdf库版本是：

wkhtmltopdf 0.12.2.1 (with patched qt)

我读的所有答案都是2岁以上，因此也许有人可以用一种更新的方法来帮助我。

Answer 1

终于解决了。

无需采取某些步骤，但无论如何，我都会指出这对大多数人有帮助：

1.-更改wkhtmltopdf版本，我使用的是0.12，现在我安装了

gem 'wkhtmltopdf-binary'

此gem可与0.9版本的wkhtmltopdf一起使用

2.-从Highcharts中删除动画和其他内容。 似乎也没有它也可以工作，但是最好确定的是，我正在本地进行测试，而诸如动画之类的事情会增加无法及时绘制完整图表的风险。

将此配置添加到图表容器文件：

plotOptions: {
  series: {
    enableMouseTracking: false,
    shadow: false, 
    animation: false
  }
},

****注意：检查是否已经在图表的另一部分中设置了plotOptions，是否已经将线添加到现有的plotOptions中，如果您编写了两次，将无法正常工作。

3.-将HTML结构添加到布局html文件中，请记住wicked_pdf无法看到您的资产管道。

<HTML>
<HEAD> scripts </HEAD>
<BODY> charts and text </BODY>
</HTML>

4.-在PDF布局视图（HEAD标记）中包括内部和外部JS文件（如果有的话，包括CSS文件），在我的情况下，我使用js文件存储图表模板并生成动态图表，如下所示：

   <script src="https://code.jquery.com/jquery-2.2.2.min.js" integrity="sha256-36cp2Co+/62rEAAYHLmRCPIych47CvdM+uTBJwSzWjI=" crossorigin="anonymous"></script>
    <script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="https://code.highcharts.com/modules/heatmap.js"></script>
    <%= wicked_pdf_javascript_include_tag "chart_templates/chart_bar_combined" %>

希望它会有所帮助，此答案结合了一些简短且解释较少的解决方案。

问候

wicked_pdf宝石+高图

问题描述

1 个解决方案

解决方案1
4 已采纳 2016-03-22 05:38:31

wicked_pdf宝石+高图

问题描述

1 个解决方案

解决方案1 4 已采纳 2016-03-22 05:38:31

解决方案1
4 已采纳 2016-03-22 05:38:31