Does not display correctly when canvas width is smaller than canvas height

[pieterjandesmedt]

See the error in this fiddle

Due to the this.canvas.customAttributes.pki path parameter formulas being wrong:

Cx = w / 2 + dx,
Cy = h / 1.25 + dy,

Xo = w / 2 + dx + Ro * Math.cos(alpha),
Yo = h - (h - Cy) + dy - Ro * Math.sin(alpha),
Xi = w / 2 + dx + Ri * Math.cos(alpha),
Yi = h - (h - Cy) + dy - Ri * Math.sin(alpha),

should be

Cx = w / 2 + dx,
Cy = h / 1.25 + dy,

Xo = Cx + Ro * Math.cos(alpha),
Yo = Cy - Ro * Math.sin(alpha),
Xi = Cx + Ri * Math.cos(alpha),
Yi = Cy - Ri * Math.sin(alpha),

because

• h - (h - Cy) equals Cy
• Cy is defined as h / 1.25 + dy, which contains the + dy already --> this causes the error
• Cx = w / 2 + dx is also already defined.

I have not checked if this works for donut gauges.

[Remiz]

I confirm this issue. Gage looks weird when width is too small.

[toorshia]

Thanks, I've updated code with your formula :)