chart.js - 修复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";
                         }
                     }
                 }]
             }
         }