graph height collapses with one point

[Jeff]

Under certain conditions, the graph height will collapse when there’s only one point. Seems like the height is smaller by 100. Seems to only occur when axisY2 and axisYType: “secondary” are used. Here’s a fiddle:
http://jsfiddle.net/4pbrqs0j/2/

[Jeff]

Workaround is to add 111 to height if only one point

[Shashi Ranjan]

@jeff,

Thanks for reporting the use-case. We will fix this in upcoming versions.

—
Shashi Ranjan
Team CanvasJS

[Jeff]

This is intermittent. Starting last Thursday, it stopped doing it. Today, it’s back. Seriously! This was observed both my local dev environment and on a web server where the code has not changed. So the new workaround is to never try to display one point! ugh.

[Shashi Ranjan]

@jeff,

In axisX labelAutoFit property is set to true by default, which automatically wraps and/or rotates and/or reduces font size of the label when they are too long and overlaps, finds the best-fit and automatically manages label overlapping. It also takes into consideration values of other properties like labelAngle, labelWrap, labelFontSize, labelMaxWidth, etc., based on which labelAutoFit tries to adjust the labels on the axis and may result in reducing the height of the plot area.

You can avoid the reduction in height by setting labelAutoFit property to false as shown in this updated JSFiddle.

—
Shashi Ranjan
Team CanvasJS

[kinokatsu]

Deleted.

• This reply was modified 2 years, 1 month ago by kinokatsu.