X axis labels are still misaligned

Codepen

https://codepen.io/jimfilippou-the-animator/pen/VEBrwe

Explanation

I believe this was an older issue which wasn’t fixed. I am aware that using labels: [1,2,3,4,5,6,7,8,9] will solve the problem, but this is not a solution since the default behavior should align the x-axis properly. What do you suggest wise man? 💯

Removing paddings is not a solution

• What is the behavior you expect?

• What is happening instead?

• What error message are you getting? No error message.

[junedchhipa]

@jimfilippou Oops! I totally forgot to test without taking out the hacky code which we used previously. Sorry about that. Also, I noticed - in the docs page, I have mentioned xaxis.type = 'categories' when in fact, it has to be xaxis.type = 'category'. Fixed the docs and all typos in code also.

Some code refactoring is required now as I did some quick fixes. Will be taken care in the next release. You’ll have to wait for Monday for the next release now 😁

I tested your latest codepen with my recent fixes - and it’s working fine currently.

Cheers

[junedchhipa]

Fixed it in https://github.com/apexcharts/apexcharts.js/commit/7a34f2365394272aeb0661e48a06a38d510eef68