印刷中にモリスバーのサイズが変更される

Question

モリスバーの結果を印刷する方法に問題があります。 htmlでは、すべては問題ありませんが、印刷したいときは、すべてがもう収まりません。ここでは（大きすぎて、良いではない）を印刷しながら、それは通常のビューだとき、私は何を得るのです

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

：ここ は私が仕事だ

と私は、印刷ページ上で更新する場合は、サイズ再び（うまく）再変更：

それは何か間違ったことのように思えますSVGで、それは私がさわやか後に得るものだし、それが適切なサイズだから：あなたが任意のアイデアを持っている場合は

、私に知らせてください。

ご協力いただきありがとうございます。

Answer 1

同様の問題が報告されました。したがってそのリンクと

https://github.com/morrisjs/morris.js/issues/652は、あなたが使用することができます。

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

JavaScriptで：最後に

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

と：

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