Javascript 未在pdf中显示的图表

在rails中使用wicked pdf创建pdf文件时，不会呈现任何图表。我尝试了多个版本的chart.js。什么都不管用。将pdf显示为html非常有效。另外，尝试在chart.js中设置responsive:false，但效果并不理想

我在head标签中使用了以下内容：

 <%= wicked_pdf_javascript_include_tag "plugin_assets/rtcharts/javascripts/chart.min.js" %>
    <%= wicked_pdf_javascript_include_tag "plugin_assets/rtcharts/javascripts/chart.helper.js" %>
    <%= wicked_pdf_stylesheet_link_tag "plugin_assets/rtcharts/stylesheets/rtdashboard.css" %>

---

最后，我先将图表转换成图像，然后将其嵌入到我的PDF中。多亏了@ty

---

您可以看到下面的url，用于使用quickchart.io将chart.js转换为图像。图表在没有PDF的情况下工作吗？是的，当我将PDF显示为html时，它们工作正常。许多html/js图表库在

wkhtmltopdf

方面遇到问题，因为它使用的是非常旧版本的webkit。此处提供一些详细信息：或搜索图表库中的问题。您好，我无法解决该问题。我应该使用其他库来显示pdf文件，还是在使用wicked pdf时更改我的图形库？我建议先将图表转换为图像，然后将其嵌入pdf中。有关将chart.js转换为image/pdf的信息，请参阅。

  <% charts = controlchart %>
  <div class="rtdashboard grid-container grid-cols-2">
    <% if charts.empty? %>
    <p class="nodata"><%= l(:label_no_data) %></p>
    <% else %>
        <% charts.each do |graph| %>
      <div>
        <%=  render partial: 'rtcharts/bar',
                      formats: [:html],
                      :javascript_delay => 10000,
                      locals: graph %>

       </div>
        <% end %>
      <% end %>
    </div>

    render template: 'qmcontrols/show',:type => 'application/pdf', pdf: "#{@project.identifier}_qmcontrol_#{@qmcontrol.id}",
    margin: {left: 15, right:  15 },
    :footer => {:center => "#{@project.name} / #{@location_details[0]['location_company']} / #{@qmcontrol.checkitem_location}", :right => '[page] / [topage]' },:javascript_delay => 5000,show_as_html: true
      }