Home forums Using CanvasJS Minimum Y label width

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

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #26316

    Hi, I am trying to display a set of charts stacked above each other. They all use a common data set to display different line charts. I am using the mousemove event to display a cross hair on each chart to show the corresponding data position. However, one of the charts is not the exact same display width for the chart drawing area because one of the Y-axis values is wider than the other charts, so the drawing area is slightly smaller in width (the container widths are all the same size).

    I am trying to determine if there is a way to set either minimum label width (to make the other charts display area smaller) or to make the chart display area a specific size. Either one would work and all the cross hairs would show the same x value.

    #26319

    @smithfx,

    Sorry, property to control minimum label width is not available as of now. However, you can use margin property to align axisY of multiple charts in a straight line as shown in this JSFiddle.


    Vishwas R
    Team CanvasJS

    #26499

    Vishwas,

    Thanks for the info. Didn’t see that in the docs. Worked like a charm.

    Cheers,

    Matt.

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

You must be logged in to reply to this topic.