Как получить Highcharts X-Axis Категории, начинающиеся слева от самой точки

У меня есть диаграмма области Highcharts, со строковыми категориями на оси X. Я хочу, чтобы диаграмма начиналась с самого левого края оси х и заканчивалась на самом правом краю, без каких-либо дополнений. На изображении ниже красные стрелки показывают интервал, от которого я хочу избавиться. Без текстовых категорий это легко достижимо, но я просто не могу понять это. Любая помощь оценивается, спасибо.

Ответ 1

Вы можете добиться желаемого результата путем переопределения меток. форматирование по оси. jsFiddle здесь.

Но если вы хотите сохранить его простым и передать axis.categories традиционным способом (я думаю, что это лучший способ), я предлагаю вам использовать крошечный взломать и переопределить функцию Axis.init. Попробуйте на jsFiddle.

UPD: Я немного обновил свою предыдущую скрипку. Проверьте это. Я думаю, что вы можете комбинировать все мое решение, чтобы получить более приятный вариант.

Ответ 2

Вы можете использовать spacingLeft и spacingRight для установки интервала:

chart: {
         renderTo: 'chart1',
         type: 'area',
         spacingLeft: -21,      
         spacingRight: -21,      
         spacingBottom: 1
},

Ответ 3

Более чистым решением является использование ссылки pointPlacement, представленной в Highchart API.

Добавьте pointPlacement: 'on', и вы должны быть в бизнесе. (Для справки вот их пример JSFiddle)

Ответ 4

Просто добавьте:

...
xAxis: {
  startOnTick: true,
  ...
},
...

Ответ 5

Вам нужны следующие настройки.

xAxis: {           
  plotLines: [{
    value: 0, 
    color: '#color'
  }],
  tickmarkPlacement: 'on'
},
yAxis: {           
  lineWidth: 0,
}