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