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

Question

要求:我正在使用 Chart.js。在条形图中，我想修复 Y 轴的高度。是否有任何属性或 hack 可以做到这一点？

Answer 1

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

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