Dates Overlap

[uberTof]

I’m having an issue with the date labels overlapping each other. I’ve tried setting several label properties, but to no success. Ideally the chart should automatically fit each of the dates to fit properly. Angling them is not an option.

Here is a simplified JS Fiddle: http://jsfiddle.net/uberTof/xgpfv/

I also have another example I can send as zip upon request.

[Sunil Urs]

Thanks for the jsfiddle. I’ll look into this issue at the earliest.

Meanwhile I observed that you have placed axisX inside dataSeries instead of directly under chart. That is the reason why you are not able to set any label properties. I’ve updated the code by reducing the labelFontSize. Have a look.

http://jsfiddle.net/xgpfv/1/

[uberTof]

Thanks, but this didn’t solve the problem.
If you increase the font size the labels start to overlap again. In your js fiddle, please increase the x-axis label’s font size to about 18 and you will see that the labels overlap.

Also, some of the date labels repeat themselves multiple times (for example: “June 20” displays four times when ideally it should only show once)

Can you help me with a solution to preventing date overlap or at least repeating date labels? Thanks!

[Sunil Urs]

Reducing font size was just a temporary fix that I suggested. This issue is on my list for v1.3.1

[Sanjoy]

uberTof,

Axis label overlapping issue has-been fixed in version 1.8.1 Beta 1. The result will be reflected in your fiddle.