Mpdf on Morris線図

Question

私はMpdfを使用していますが、pdfファイルを生成するためにcodeigniterを使用しています。 これ以外はすべてMorris Line Chartを除いて完璧に動作します。 Mpdfはこの折れ線グラフを生成できません。空白が表示されます。 私のコントローラーこのように見えます。このようなビューのファイルを見て

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

を働いていない私は、この1つは、同じ結果を得ること、またanychartを試してみました。どのように私はmpdfと折れ線グラフを埋め込むのですか？

Answer 1

mPDFは、Javascriptで生成されたSVGを直接プロットすることはできません。

グラフのSVGソースを文字列に生成し、その文字列をHTMLに貼り付ける（または画像としてリンクする）必要があります。または、静的ビットマップイメージを生成するライブラリを試してみてください。