Horizontal padding (left and right) between labels on xaxis

[nolimitdev]

Labels are automatically hidden when there are too many (hideOverlappingLabels: true ), which is great, but there is no padding set between them. Depending on the device's width, sometimes the labels are readable, and other times they are not because they are completely merged together. How can this issue be resolved?

xaxis : { labels : { rotate : 0, hideOverlappingLabels : true } } }

OK...

BAD...

[nolimitdev]

Tricky but working solution...

xaxis : {
    labels : {
        formatter : (value) => {
            return '\u00A0\u00A0' + value + '\u00A0\u00A0';
        }
    }
}

It generates <tspan id="...">&nbsp;&nbsp;20241130&nbsp;&nbsp;</tspan>

Maybe it could be officially documented/recommended if better option does not exist.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.