Chart.js y軸のラベルが切り捨てられます

Question

私はそこにchart.jsを持っているブートストラップモーダルを持っています。

問題は、左のY軸の値が切り捨てられることです。

これは、インスペクタでHTMLです：

<div class="modal-dialog modal-center"> 
      <div class="modal-content"> 
       <div class="modal-header" style="background-color:#62a8ea;"> 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
         <span aria-hidden="true">×</span> 
        </button> 
        <h4 class="modal-title" style="color:white;">Reading Details</h4> 
       </div> 
       <div class="modal-body" style="height: 400px;"><div><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div> 
    <canvas id="detail-chart" width="560" height="280" class="chartjs-render-monitor" style="display: block; width: 560px; height: 280px;"></canvas> 
</div> 
</div> 
       <div class="modal-footer"> 

       </div> 
      </div> 
     </div> 

任意の手掛かり？

Answer 1

ただ、次の行を追加します。

options: { 
           layout: { 
            padding: { 
             // Any unspecified dimensions are assumed to be 0 
             left: 10, 
             bottom: 5 
            } 
           }, 

問題を解決すること。