chart.jsの棒グラフのY軸の高さを固定しますか？

Question

要件：私はchart.jsで作業しています。棒グラフでは、Y軸の高さを固定したいと思います。これを行うための属性やハックはありますか？

Answer 1

あなたがキャンバス

<canvas id="statement" height="100px"></canvas> 

の高さを変更したり、y軸の値の高さを変更したい場合は、以下試すことができますグラフの高さを制御する場合。下のバーの最大サイズは25000、各ステップは5000、コールバックは5k、10k、15k、20k、25kというラベルが付けられます。

var chartConfig = { 
     type: 'bar', 
     data: data, 
     options: { 
      scales: { 
       yAxes: [{ 
        display: true, 
        gridLines: { 
         color: "rgb(210,210,211)" 
        }, 
        ticks: { 
         max: 25000, 
         min: 0, 
         stepSize: 5000, 
         beginAtZero: true, 
         padding: 20, 
         callback: function(value, index, values) { 
          return value/1000 + "k"; 
         } 
        } 
       }] 
      } 
     }