Mpdf sur Codeigniter ne peut pas générer de graphique en courbes morris

Question

J'utilise Mpdf avec codeigniter pour générer un fichier pdf. Tout fonctionne parfaitement sauf Morris Line Chart. Mpdf ne peut pas générer ce graphique linéaire, il montre l'espace vide. Mon contrôleur Regarde comme ça.

  // 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'); 

View fichier ressemble à ceci, je teste ce fichier de vue, le fonctionnement est correct mais MPDF ne fonctionne pas

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

J'ai essayé aussi anychart, celui-ci se même résultat. Comment est-ce que j'incorpore le diagramme linéaire avec mpdf?

Answer 1

mPDF ne peut pas directement tracer un fichier SVG généré avec Javascript.

Vous devez générer la source SVG du graphique en une chaîne et coller la chaîne au format HTML (ou la lier en tant qu'image). Ou essayez une bibliothèque qui génère des images bitmap statiques.