Как я могу устранить дополнительное пространство, добавленное снизу, когда значение опускается ниже 0 по оси Y в Chart.js ?

#javascript #charts

#javascript #Диаграммы

Вопрос:

Я оформил свою диаграмму с легендой под ней следующим образом, и вы увидите серую диаграмму, слабо отображаемую на другой диаграмме позади нее для сравнения (их масштабы данных разные, не удалось поместить их оба на один и тот же фактический график):

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

Как вы можете видеть, поскольку данные на передней диаграмме опустились ниже нуля по оси Y, 0 по оси Y был перемещен вверх дальше, чем это было необходимо (нижняя часть диаграммы обычно совпадает с нижней частью серой диаграммы позади нее). Я, конечно, могу изменить размер и переместить серую диаграмму так, чтобы она была выровнена по Y0, а передняя диаграмма — по Y0, но это все равно оставляет большой разрыв между самыми низкими данными на графике и легендой.

Как я могу устранить это дополнительное пространство под самыми низкими данными, отображаемыми на графике? Я хочу, чтобы отображаемое наименьшее значение касалось нижней части диаграммы.

Я думаю, что размещение моего кода здесь не было бы полезным, поскольку такое поведение кажется универсальным для всех Chart.js и то, что я ищу, вероятно, является настройкой в объекте options, о котором я еще не знаю или знаю, но не знаю, что это может привести к желаемому результату.

Ответ №1:

Найдено значение для этого:

 yAxes: [{
  ticks: {
    autoSkip: true,
    maxTicksLimit: 0,
    stepSize: 0.1
  }
}]