Блог

• Я пытаюсь установить макс/мин для оси y на своей горизонтальной гистограмме.
• Результат (изображение/ручка ниже) показывает, что настройка min/max для оси y работает, но отметки min/max не помещаются в начало/конец оси y.
• Как вы можете видеть, мои минимальные/максимальные значения равны 1450/1810, и они не отображаются на нижних/верхних линиях сетки оси y.
• Я предполагаю, что бары имеют ширину, а тики расположены в середине баров. Я мой код, линейные и точечные графики в порядке, но гистограммы.
• Это моя кодовая ссылка: 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',
        },
    },
},
 

• Пожалуйста, взгляните, и любое предложение будет оценено по достоинству!

минимальные/максимальные тики отсутствуют в нижней/верхней линиях сетки

Линейные/точечные графики хороши, но гистограммы

Примечание: Я использую версию 3.3.2 chart.js

На этот вопрос был дан ответ в обсуждении на Github в ChartJS: https://github.com/chartjs/Chart.js/discussions/9202

Решение состоит в том, чтобы установить offset=false .