莫里斯酒吧在打印时调整大小

Question

我有关于如何打印我的Morris条结果的问题。在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(); });