javascript - 条形图的最小/最大刻度未放置在轴的底部/顶部

Question

• 我正在尝试在我的水平条形图中设置 y 轴的最大值/最小值。
• 结果（下图/笔）显示为 y 轴设置 min/max 有效，但 min/max 的刻度未放置在 y 轴的开始/结束处。
• 如您所见，我的最小值/最大值为 1450/1810，它们未显示在 y 轴的底部/顶部网格线。
• 我猜条形图有宽度，刻度线位于条形图的中间。我的代码、折线图和散点图很好，但条形图。
• 这是我的codepen链接：https://codepen.io/hoai-nguyen/pen/mdWMBeO

    y: {
    grid: {
      offset: false,
    },
    ticks: {
        align: 'end',
    },
    position: 'right',
    type: 'linear',
    min: 1450,
    max: 1810,
    // suggestedMax: 1810,
    // suggestedMin: 1450,
    ticks: {
        min: 1450,
        max: 1810,
    },
    barStart: 1450,
    title: {
        display: true,
        text: "Y-name",
        color: "blue",
        font: {
            family: "Calibri Light",
            size: 12,
            weight: 'bold',
        },
    },
},

• 请看一下，任何建议将不胜感激！

最小/最大刻度不在底部/顶部网格线中

线/散点图很好，但条形图

注意：我使用的是 chart.js 的 3.3.2 版本

Answer 1

这个问题在 ChartJS 的 Github 讨论中得到了回答：https ://github.com/chartjs/Chart.js/discussions/9202

解决方法是设置offset=false.