在Codeigniter上的Mpdf不能生成morris折线图

我正在使用Mpdf和codeigniter来生成pdf文件。除了此Morris Line Chart之外，一切都很完美。 Mpdf无法生成此折线图，它显示空白区域。我的控制器看起来像这样。在Codeigniter上的Mpdf不能生成morris折线图

  // load library 
      $this->load->library('pdf'); 
      $pdf = $this->pdf->load(); 

      $html = $this->load->view('pdf_view', true); 

      // render the view into HTML 
      $pdf->WriteHTML(utf8_encode($html)); 
      // write the HTML into the PDF 
      $output_pdf = '/weekly_report_' . date('Y_m_d') . '.pdf'; 
      $pdf->Output("$output_pdf", 'I');

在查看文件这个样子的，我测试这个视图文件，它的工作正常，但在MPDF不工作

<script> 
    $(function() { 
    "use strict"; 

    // LINE CHART 
    var line = new Morris.Line({ 
     element: 'line-chart', 
     resize: true, 
     data: [ 

     {"daykey": "9 Jul 2014", "milk_value": 3.00}, 


     {"daykey": "10 Jul 2014", "milk_value": 5.20}, 


     {"daykey": "11 Jul 2014", "milk_value": 2.40}, 


     {"daykey": "12 Jul 2014", "milk_value": 8.00}, 


     {"daykey": "13 Jul 2014", "milk_value": 5.50}, 


     {"daykey": "14 Jul 2014", "milk_value": 9.00}, 


     {"daykey": "15 Jul 2014", "milk_value": 9.50}, 
      ], 
     xkey: 'daykey', 
     xLabels:'day', 
     xLabelMargin: 10, 
     xLabelAngle: 90, 
     ykeys: ['milk_value'], 
     labels: ['Milk Production'], 
     parseTime: false, 
     lineColors: ['#3c8dbc'], 
     hideHover: 'auto', 
     pointSize: '0', 
     lineWidth: '3', 
     resize: true 
    }); 

    }); 
</script>

我想也anychart，这个人得到相同的结果。我如何用mpdf嵌入折线图？

来源

2016-07-30 Tawhidul Islam

mPDF无法直接绘制使用Javascript生成的SVG。

您必须将图表SVG源生成为字符串并将该字符串粘贴到HTML（或将其链接为图像）。或者尝试一些生成静态位图图像的库。

来源

2016-08-01 07:46:27 Finwe

在Codeigniter上的Mpdf不能生成morris折线图

回答

相关问题