圖表未顯示在邪惡的 pdf

Question

在 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" %>

以下是圖表組件：

  <% 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>

這是在我的 controller 中：

格式.pdf {

    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
      }

Answer 1

最后，我首先將圖表轉換為圖像，然后將其嵌入到我的 PDF 中。 感謝@ty

您可以看到以下 url 用於使用 quickchart 將 chart.js 轉換為圖像。io 參考。 將 Chart.js 數據轉換為圖像