Highcharts гистограмма с фиксированной шириной бара и зазорами

Question

Я установил

pointWidth: 20, 
pointPadding: 0, 
groupPadding: 0 

Но график все еще расширяется, чтобы заполнить высоту диаграммы по умолчанию. Возможно ли, чтобы Highcharts настраивал высоту диаграммы?

http://jsfiddle.net/MLELM/

Answer 1

Диаграмма заполнит доступную высоту с тем, что вы даете ему. Отметка точки и группы - это доля доступного пространства, поэтому диаграмма равна в соответствии с указанными свойствами.

Он использует размер содержащего элемента для определения его размера, поэтому он не может игнорировать высоту содержащего элемента.

Если вам нужна меньшая диаграмма, которая заполняет больше места на вашей странице, вы можете поместить свой содержащий элемент в другой элемент оболочки. Затем вы можете рассчитать, насколько высока ваша диаграмма должна быть основана на количестве серий и передавать эту высоту контейнеру.

Если вы хотите, чтобы серия, которую вы указали сгруппированной вверху, вам нужно добавить дополнительные нулевые точки данных, чтобы заполнить пространство под ними.

Если вы можете уточнить, что вы хотите и почему, то могут быть доступны более качественные ответы.

[[обновление

Наткнулся на этот пост еще раз, и вспомнил, что у меня есть демо, который автоматически устанавливает высоту диаграммы на основе некоторых предопределенных параметров, а число точек данных.

var barCount = chartData.length, 
    pointWidth = 20, 
    marginTop = 70, 
    marginRight = 10, 
    marginBottom = 50, 
    marginLeft = 100, 
    groupPadding = 0, 
    pointPadding = 0.3, 
    chartHeight = marginTop 
       + marginBottom 
       + ((pointWidth * barCount) 
       * (1 + groupPadding + pointPadding)); 

Fiddle здесь:

• http://jsfiddle.net/jlbriggs/kpu5d1qf/

Связанные вопрос здесь:

• How to calculate the height of bar chart

Answer 2

Да, вы можете установить высоту диаграммы так:

chart: { 
     type: 'bar', 
     height: 200, 
    }, 

Смотрите также http://jsfiddle.net/MLELM/3/