Home forums Report Bugs Dates Overlap

This topic contains 4 replies, has 3 voices, and was last updated by  Sanjoy 7 months, 2 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #5436

    uberTof
    Participant

    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.

    #5444

    Sunil Urs
    Keymaster

    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/

    #5450

    uberTof
    Participant

    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!

    #5457

    Sunil Urs
    Keymaster

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

    #10324

    Sanjoy
    Moderator

    uberTof,

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

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.