圖表不被顯示與wicked_pdf

Question

我使用chart.js之在我的軌道項目，activeadmin我在行動

controller do 
    before_action :set_query, only: :index 
    def index 
    respond_to do |format| 
     format.html 
     format.pdf do 
     render pdf: "file_name", javascript_delay: 3000, layout: "application_pdf.html.erb" 
     end 
    end 
    end 
end 

有這樣的，我有這個在我看來

<canvas id="myChart" width="800" height="800"></canvas> 
<script type="text/javascript"> 
    var ctx = document.getElementById("myChart"); 
    var myChart = new Chart(ctx, { 
     type: 'bar', 
     data: { 
      labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
      datasets: [{ 
       label: '# of Votes', 
       data: [12, 19, 3, 5, 2, 3], 
       backgroundColor: [ 
        'rgba(255, 99, 132, 0.2)', 
        'rgba(54, 162, 235, 0.2)', 
        'rgba(255, 206, 86, 0.2)', 
        'rgba(75, 192, 192, 0.2)', 
        'rgba(153, 102, 255, 0.2)', 
        'rgba(255, 159, 64, 0.2)' 
       ], 
       borderColor: [ 
        'rgba(255,99,132,1)', 
        'rgba(54, 162, 235, 1)', 
        'rgba(255, 206, 86, 1)', 
        'rgba(75, 192, 192, 1)', 
        'rgba(153, 102, 255, 1)', 
        'rgba(255, 159, 64, 1)' 
       ], 
       borderWidth: 1 
      }] 
     }, 
     options: { 
      scales: { 
       yAxes: [{ 
        ticks: { 
         beginAtZero:true 
        } 
       }] 
      } 
     } 
    }); 
</script> 

我有以下在我的application_pdf.html.erb佈局

<%= wicked_pdf_javascript_include_tag "active_admin.js" %> 
<%= wicked_pdf_javascript_include_tag "Chart" %> 

圖表正確顯示在HTML中，但在PDF我無法看到他們在這裏做錯了什麼？

Answer 1

我張貼這個答案，以便它可以幫助別人我只設置選項響應爲假，一切都開始工作的罰款

options: { 
    responsive: false 
}