Mpdf auf Codeigniter kann Morris Liniendiagramm nicht generieren

Question

Ich benutze Mpdf mit codeigniter für die Erstellung von PDF-Datei. Alles funktioniert perfekt außer Morris Line Chart. Mpdf kann dieses Liniendiagramm nicht erstellen, es wird Leerzeichen angezeigt. Mein Controller Sieht so aus.

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

In View-Datei sieht wie folgt aus, teste ich diese Ansicht Datei, es funktioniert richtig, aber auf mpdf funktioniert nicht

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

Ich habe auch versucht anychart, dieses gleiche Ergebnis zu erzielen. Wie integriere ich Liniendiagramm mit mpdf?

Answer 1

mPDF kann eine SVG, die mit Javascript generiert wurde, nicht direkt darstellen.

Sie müssten die SVG-Quelle des Diagramms zu einem String generieren und den String in den HTML-Code einfügen (oder als Bild verknüpfen). Oder versuchen Sie eine Bibliothek, die statische Bitmap-Bilder generiert.