График. js yAxes Ticks stepSize не работает (скрипка)

Question

Я создал линейную диаграмму с этими параметрами для оси y:

yAxes: [{
    ticks: {
        precision: 1,
        stepSize: 18.1,
        min: 148.5,
        max: 220.9
    }
}]

Поэтому я хотел бы, чтобы масштаб yAxis был таким:

220.9
202.8
184.7
166.6
148.5

Однако, когда я предоставляю этот код, я получаю эти данные.

Please see this fiddle for an example: https://jsfiddle.net/wxLzdrcm/

Как я могу суммировать тики yAxis, как я описал?

Answer 1

Этот вопрос задавался как минимум дважды ( 1 , 2 ).

Решение состоит в том, чтобы использовать значения min и max, чтобы stepSize - это коэффициент max - min, позволяющий диаграмме фактически использовать указанные stepSize:

yAxes: [{
  ticks: {
    maxTicksLimit: 5,
    min: 144.8, // 18.1 * 8
    max: 235.3, // 18.1 * 13
    stepSize: 18.1,
  },
}]

введите описание изображения здесь

В качестве альтернативы можно использовать suggestedMin и suggestedMax вместо min и max, что позволяет Chart. js вычислять собственные min и max:

В вашем случае достаточно подать заявку:

yAxes: [{
  ticks: {
    maxTicksLimit: 5,
    suggestedMin: 148.5,
    suggestedMax: 220.9,
    stepSize: 18.1,
  },
}]