JavaScript
var justifyColumns = function (chart) {
var categoriesWidth = chart.plotSizeX / (1 + chart.xAxis[0].max - chart.xAxis[0].min),
distanceBetweenColumns = 0,
each = Highcharts.each,
sum, categories = chart.xAxis[0].categories,
number;
for (var i = 0; i < categories.length; i++) {
sum = 0;
each(chart.series, function (p, k) {
if (p.visible) {
each(p.data, function (ob, j) {
if (ob.category == categories[i]) {
sum++;
}
});
}
});
distanceBetweenColumns = categoriesWidth / (sum + 1);
number = 1;
each(chart.series, function (p, k) {
if (p.visible) {
each(p.data, function (ob, j) {
if (ob.category == categories[i]) {
ob.graphic.element.x.baseVal.value = i * categoriesWidth + distanceBetweenColumns * number - ob.pointWidth / 2;
number++;
}
});
}
});
}
};
$(function () {
var dataArr = [ [ [0, 88], [1, 55], [2, 35],[3, 33], [4, 25],
[5, 24], [6, 12], [7, 11], [8, 10], [9, 4], [10, 0] ],
[ [0, 98], [1, 90], [2, 55],[3, 76], [4, 45],
[5, 55], [6, 24], [7, 28], [8, 23], [9, 10], [10, 0] ],
[ [0, 0], [1, 0], [2, 0],[3, 0], [4, 0],
[5, 0], [6, 0], [7, 0], [8, 0], [9, 0], [10, 37] ],
[ [0, 0], [1, 0], [2, 0],[3, 0], [4, 0],
[5, 0], [6, 0], [7, 0], [8, 0], [9, 0], [10, 68] ]];
var categories = ["Fathers Day", "Good Friday", "Independence Day", "Valentines Day", "Memorial Day", "Veterans Day", "Anniversary", "Mothers Day", "Birthday", "Columbus Day", "Presidents Day"];
var colors = ["#3E807F", "#62B29B", "rgba(72, 83, 93, 0.5)", "rgba(145, 157, 169, 0.5)"];
...