Home forums Using CanvasJS Change size of values in X-axis

This topic contains 1 reply, has 2 voices, and was last updated by  Vishwas R 4 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #25806

    Hello Support.

    One of our charts is being displayed with the actual values of the X-axis a little too big and so they look crammed.

    View post on imgur.com

    Is there any way to:
    1.) Change the size of the values of only the X-axis so they are slightly smaller in size physically
    2.) Skip every other value so that they look more evenly spaced

    Thanks in advance.

    #25813

    @driven13,

    It seems like you are setting interval to 2 in axisY (horizontal axis incase of bar chart). Auto-calculated interval (not setting any interval) or increasing the interval should work fine in your case.

    1.) Change the size of the values of only the X-axis so they are slightly smaller in size physically

    You can customize the font-size of label by setting labelFontSize.

    2.) Skip every other value so that they look more evenly spaced

    Labels will be shown at every interval of the axis. Setting larger interval will increases the space between labels.

    If you are still facing the issue, kindly share JSFiddle reproducing the issue you are facing so that we can look into the code, understand the scenario better and help you out.


    Vishwas R
    Team CanvasJS

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

You must be logged in to reply to this topic.