图表未以邪恶的pdf格式显示

Question

当在轨道中使用邪恶的pdf创建pdf文件时，不会呈现图表。我尝试过多个版本的图表.js。没有任何效果。将pdf显示为html可以完美地工作。另外，尝试在图表中设置响应式：false.js但它也不起作用。

我在头部标签中使用以下：

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

这是在我的控制器中：

格式.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您可以使用参考 quickchart.io 将图表.js转换为图像，查看以下url.js.js数据转换为图像