Гистограмма флота - маржа для самого большого бара

Question

Обычно самый длинный брусок располагается на правой границе. Мне это нравится, как вы видите на картинке.

Я добился того, что путем вычисления максимального значения и настройки XAxis: { max: maxValue * 1.1 }. Опять же, немного хаки.

Я пытался - без успеха:

  grid: { 
       margin: 30, 
       minBorderMargin: 10, 
      }, 

Answer 1

Вы можете добавить autoscaleMargin свойство ваших xaxis вариантов (до тех пор, пока вы не устанавливая минимальное или максимальное значение для xaxis):

xaxis: { 
    autoscaleMargin: .02 
} 

Из документации Flot API:

«autoscaleMargin» немного эзотеричен: это доля маржи, которую добавит алгоритм масштабирования, чтобы избежать того, что внешние точки заканчиваются на границе сетки. Обратите внимание, что это поле применяется только тогда, когда значение min или max не задано явно. Если задана маржа, график также расширит конечную точку оси до ближайшего цельного тика. Значение по умолчанию - «null» для осей x и 0,02 для осей y, что, по-видимому, подходит для большинства случаев.

This JSFiddle показан пример использования autoscaleMargin ударять границы сетки от длинного значения бара.