인쇄 중에 모리스 바 크기가 조절됩니다.

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> 

자바 스크립트 : 마지막으로

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

과 :

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