Вопрос по javascript – Как получить High-Charts X-Axis Категории, начиная с крайней левой точки

13

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

Chart with unwanted padding

Удачи с этим? Я тоже пытаюсь понять это и не смог заставить что-либо работать. nathan
Решения либо слишком сложны, либо ненадежны. Высокие диаграммы должны обеспечивать простую «площадку» свойство, как и большинство других библиотек диаграмм. Cristi S.

Ваш Ответ

5   ответов
2

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

...
xAxis: {
  startOnTick: true,
  ...
},
...
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded Ross Deane
Error: User Rate Limit Exceeded Ross Deane
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceededjsfiddle.net/Nn5ey/1 Ross Deane
15

переопределив label.formatter по оси.jsFiddle это здесь.

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

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

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
4

чтобы установить интервал:

chart: {
         renderTo: 'chart1',
         type: 'area',
         spacingLeft: -21,      
         spacingRight: -21,      
         spacingBottom: 1
},
Error: User Rate Limit Exceeded
0

xAxis: {           
  plotLines: [{
    value: 0, 
    color: '#color'
  }],
  tickmarkPlacement: 'on'
},
yAxis: {           
  lineWidth: 0,
}
Это не работает. Может быть, вы неправильно поняли вопрос?
подобноthis? Все еще не работает? Ross Deane
3

pointPlacement ссылка предоставлена вHighchart API.

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

pointPlacement: «on» не решает эту проблему. pointPlacement: -0.5 вроде как, но тогда разрыв на другом конце удваивается.

Похожие вопросы