莫里斯酒吧打印時調整大小

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

因此與該鏈接，您可以使用：

在JavaScript

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

：

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

最後：

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