2013-06-18 2 views
1

У меня есть диаграмма столбцов даты и времени Highcharts с несколькими сериями, которые добавляются и обновляются динамически. Похоже, что библиотека создает диаграмму с большим объемом пространства перед первым столбцом и после последнего столбца. Это похоже на то, что столбцы группируются в центр диаграммы, в то время как они должны располагаться равномерно по всему пространству. Я попытался регулировать minPadding и maxPadding из вариантов оси без успеха:Highcharts - Почему существует дополнительный интервал перед первым столбцом и после последнего столбца?

xAxis: { 
     type: 'datetime', 
     minPadding: 0, 
     maxPadding: 0, 
     labels:{ 
      formatter:function() { 
       return Highcharts.dateFormat('%b %e', this.value); 
      } 
     } 
    }, 

Вот пример заимствован из демонстрационной страницы Highcharts который правильно ведет себя:

enter image description here

http://jsfiddle.net/ricksuggs/8Gt2y/

В то время как этот пример, который написан сам, показывает дополнительную обивку:

enter image description here

http://jsfiddle.net/ricksuggs/PRKAJ/36/

Спасибо.

ответ

2

Вы можете изменить pointWidth и groupPadding/pointPadding параметр

http://jsfiddle.net/PRKAJ/37/

EDIT: Вы должны определить pointRange

http://jsfiddle.net/PRKAJ/41/

http://api.highcharts.com/highcharts#plotOptions.series.pointRange

+0

Спасибо за предложение, однако, что не касается конкретные что я испытываю. Мои столбцы группируются в центр диаграммы, слишком большое расстояние слева от первого столбца и справа от последнего столбца. Пожалуйста, ознакомьтесь с изображениями по оригинальному вопросу, которые я добавил, чтобы лучше объяснить. – ricksuggs

+0

@ricksuggs взгляните на мой обновленный пример –

Смежные вопросы