Расстояние между столбцами в верхних диаграммах
Я работаю с 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.
2 ответов:
Если вы хотите иметь бары вместе, но также иметь отступ между парой из них, вам нужно установить только
pointPaddingи не изменятьpointWidth. Смотрите: http://jsfiddle.net/Fusher/FpKjQ/16/
Comments