Javascript Morris栏在打印时调整大小

我对如何打印我的Morris bar结果有问题。在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似乎有点问题，因为这是我刷新后得到的，而且大小合适：

如果你有任何想法，请告诉我

---

感谢您的帮助和时间。

报告了一个类似的问题：

因此，通过该链接，您可以使用：

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

最后：

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

---

是的，我知道，我试过了，但仍然不起作用，这就是为什么我需要一些帮助。然后你必须在Chrome控制台或其他浏览器的控制台中进行调试

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