在chart.js中修复条形图的Y轴高度？

Question

要求：我正在与 chart.js 合作。在条形图中，我想固定 Y 轴的高度。是否有任何属性或技巧可以做到这一点？

Answer 1

如果你想控制图表的高度你可以改变canvas

的高度

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

或者如果您想更改 y-axis 值的高度，请尝试以下操作。下面将确保 bar 的最大尺寸为 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";
                         }
                     }
                 }]
             }
         }