chart.jsでY軸を小さくする

Question

情報を正しく出力しているグラフがありますが、高すぎます。私はドキュメントを見て、Y軸を「小さく」する方法を見つけることができません。これにより、計算方法の変更を意味するので、このスクリーンショットでは10秒ずつ増分しています。例えば20秒でそれを増やすことは可能ですか？だから私は3つのY軸の点がありますか？これは高さを減らすでしょう。

参考までに、Googleアナリティクスのデータ出力方法を参考にしてください。彼らのチャートは素敵でスリムで、周囲の他のコンテンツのためのスペースを作っています。

Answer 1

y軸ダニのプロパティはstepSizeです。このプロパティを値（間隔）に設定すると、の20は、y軸ののティックカウントを減らします。

scales: { 
    yAxes: [{ 
     ticks: { 
     stepSize: 20 
     } 
    }] 
} 

ᴅᴇᴍᴏ

var chart = new Chart(ctx, { 
 
    type: 'line', 
 
    data: { 
 
     labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'], 
 
     datasets: [{ 
 
     label: 'LINE', 
 
     data: [10, 30, 20, 50, 60], 
 
     backgroundColor: 'rgba(0, 119, 290, 0.2)', 
 
     borderColor: 'rgba(0, 119, 290, 0.6)', 
 
     fill: false 
 
     }] 
 
    }, 
 
    options: { 
 
     scales: { 
 
     yAxes: [{ 
 
      ticks: { 
 
       beginAtZero: true, 
 
       stepSize: 20 //<-- set this 
 
      } 
 
     }] 
 
     } 
 
    } 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js"></script> 
 
<canvas id="ctx"></canvas>