1 files changed, 10 insertions, 8 deletions
diff --git a/app.mjs b/app.mjs
index a5273b3..b3caf0f 100755
--- a/app.mjs
+++ b/app.mjs
@@ -568,15 +568,17 @@ const renderAltimeter = (c, display, values) => {
 const vsi = values[1];
 const vsi_bg_x = w / 2 + 4;
 c.fillRect(vsi_bg_x, 0, w - vsi_bg_x, h);
+ c.fillStyle = "#000";
+ const vsi_h = 20;
+ const vsi_x = vsi_bg_x + 2;
+ const vsi_y =
+ (1 -
+ (Math.min(Math.max(isNumber(vsi) ? vsi : 0, -2000), 2000) + 2000) /
+ 4000) *
+ (h - vsi_h);
+ c.fillRect(vsi_x, vsi_y, w - vsi_x, vsi_h);
+ c.fillStyle = fg;
 if (isNumber(vsi)) {
- c.fillStyle = "#000";
- const vsi_h = 20;
- const vsi_x = vsi_bg_x + 2;
- const vsi_y =
- (1 - (Math.min(Math.max(vsi, -2000), 2000) + 2000) / 4000) *
- (h - vsi_h);
- c.fillRect(vsi_x, vsi_y, w - vsi_x, vsi_h);
- c.fillStyle = fg;
 c.font = `12px '${labelFont}'`;
 c.fillText(Math.trunc(vsi / 10) * 10, vsi_x + 2, vsi_y + vsi_h * 0.8);
 }