Home forums Using CanvasJS Not every label in x-axis is displayed

This topic contains 3 replies, has 3 voices, and was last updated by  Vishwas R 2 months, 2 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #11630

    Akhil H

    I want to create a graph with x-axis representing city names .But every city name is not displayed in the x-axis as some get skipped. I have about 20-25 cities.
    i tried by setting interval :1 but still the problem remains.

    • This topic was modified 2 months, 3 weeks ago by  Akhil H.


    Sorry Akhil, we are unable to reproduce the issue, can you please create a jsfiddle so that we can look into it and help you out.


    Akhil H

    Here is the code and the problem here is when there is lot of data in x-axis its affecting the design


    Vishwas R


    We observe that the labels are shown for every dataPoints.
    Labels shown for all dataPoints

    If there are more number of dataPoints, its better not to show every labels, which can be controlled by setting interval, and show few to make it look better or by increasing the chart width, labels get more space and can be shown better.

    Suggestion: Compared to labelAngle: 90, setting it to -45 makes it much readable. Check this jsfiddle.

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

You must be logged in to reply to this topic.