在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";
                         }
                     }
                 }]
             }
         }