When canvas size size is smaller, some columns are unevenly spaced in the xAxis and seem to stick together. Here’s a link to a code snippet StackBlitz
Here are images of the issue at different Canvas sizes
How do I fix the spacing to make the columns not stick to each other?
check this snippet out
https://stackblitz.com/edit/js-uukfbn?file=index.html
Thanks for the help Manoj! In addition to the code in your JSFiddle, is there some option to hide the xAxis tick mark for the blank datapoint?