Morris Bar Größe ändern beim Drucken

Question

Ich habe ein Problem, wie ich mein Morris Bar Ergebnis drucken kann. In html ist alles in Ordnung, aber wenn ich drucken möchte, scheint alles nicht mehr zu passen. Hier ist, was ich tue:

<script> 
function myFunction() { 
    window.print(); 
} 
</script> 

    <div id="bar" class="bar" class="col-sm-12"></div> 

    <script> 
    Morris.Bar({ 
     barGap:4, // Espace entre les colonnes 
     barSizeRatio:0.90, // Largeur des colonnes 
     element: 'bar', 
     data: dataChart, 
     xkey: 'y', 
     ykeys: ['a'], 
     //barColors: ['#0B62A4','#f75b68','#4DA74D','#646464'], 
     labels: ['Actuel'], 
    }); 
    </script> 

Hier ist, was ich bekomme, wenn es normale Ansicht ist während des Druckens (nicht gut, zu groß):

Und wenn ich refresh auf Druckseite, die Größe rechange wieder (ganz gut):

Es scheint wie etwas falsch mit svg, denn das ist, was ich nach der Auffrischung bekommen und es ist die richtige Größe:

Wenn Sie irgendwelche Ideen haben, lassen Sie es mich wissen.

Vielen Dank für Ihre Hilfe und Zeit.

Answer 1

Eine ähnliche Frage wurde berichtet: https://github.com/morrisjs/morris.js/issues/652

Dementsprechend mit diesem Link können Sie verwenden:

<div id="myBar" class="col-sm-6"></div> 

in JavaScript:

var bar = Morris.Bar({......}); 

und schließlich:

$('#myBar').resize(function() { bar.redraw(); });