Hi, amdeshpande!
You can wrap
positionCheckboxes function and move checkboxes manually:
https://jsfiddle.net/BlackLabel/ztg3wkrc/
Code: Select all
(function(H) {
H.wrap(H.Legend.prototype, 'positionCheckboxes', function(p, scrollOffset) {
var alignAttr = this.group.alignAttr,
translateY,
clipHeight = this.clipHeight || this.legendHeight;
if (alignAttr) {
translateY = alignAttr.translateY;
H.each(this.allItems, function(item) {
var checkbox = item.checkbox,
bBox = item.legendItem.getBBox(true),
top;
if (checkbox) {
top = (translateY + checkbox.y + (scrollOffset || 0) + 2);
H.css(checkbox, {
left: (alignAttr.translateX + item.checkboxOffset + checkbox.x - 100 - bBox.width) + 'px',
top: top + 'px',
display: top > translateY - 6 && top < translateY + clipHeight - 6 ? '' : 'none'
});
}
});
}
});
})(Highcharts);
Let me know if you have any additional questions.
Best regards!