Расстояние между столбцами в верхних диаграммах



Я работаю с Highcharts и столкнулся с небольшой проблемой, которую я изо всех сил пытаюсь преодолеть.



Я создал jsfiddle, так что вы можете увидеть мою проблему:



Http://jsfiddle.net/gokninski/qkBsA/



А вот код, который я использую:



$('#output-chart').highcharts({
chart: { type: 'column' },
title: { text: null },
xAxis: { categories: ['Column 1', 'Column 2', 'Column 3', 'Column 4'] },
yAxis: { allowDecimals: false, min: 0, labels: { format: '£{value}' }, title: { text: ''} },
plotOptions: { column: { stacking: 'normal'}, series: { pointWidth: 50, pointPadding: 0, groupPadding: 0} },
series: [{
name: 'Product 1 Element 1',
data: [0, 100 - 125, 100 - 150, 100 - 175],
stack: 'Item1'
}, {
name: 'Product 1 Element 2',
data: [100, 125, 150, 175],
stack: 'Item1'
}, {
name: 'Product 2 Element 1',
data: [0, 100 - 125, 100 - 150, 100 - 175],
stack: 'Item2'
}, {
name: 'Product 2 Element 2',
data: [100, 125, 150, 175],
stack: 'Item2'
}]
});


Итак, в каждом столбце есть два бара, и я хочу поместить эти два бара прямо друг против друга, но все еще иметь зазор между столбцами.



Я надеюсь, что это имеет смысл!



Любая помощь была бы очень признателен.



Большое спасибо



G.

573   2  

2 ответов:

Вы можете использовать groupPadding: 0.1, тогда он будет намного ближе.

Если вы хотите иметь бары вместе, но также иметь отступ между парой из них, вам нужно установить только pointPadding и не изменять pointWidth. Смотрите: http://jsfiddle.net/Fusher/FpKjQ/16/

Comments

    Ничего не найдено.