Sats

client/src/components/Seismic.vue

@@ -79,11 +79,11 @@ function drawTrace(ctx: CanvasRenderingContext2D, t: (typeof traces)[number], co
 	ctx.lineJoin = 'round';
 
 	for (let i = 0; i < settledCount; i++) {
-		const p = buf[i];
+		const p = <any>buf[i];
 		i === 0 ? ctx.moveTo(p.x + slide, p.y) : ctx.lineTo(p.x + slide, p.y);
 	}
 
-	const animPoints = [anchor, ...buf.slice(settledCount)];
+	const animPoints = <any>[anchor, ...buf.slice(settledCount)];
 
 	for (let i = 1; i <= animFloor && i < animPoints.length; i++) {
 		ctx.lineTo(animPoints[i].x + slide, animPoints[i].y);
@@ -116,9 +116,9 @@ function draw(timestamp: number) {
 
 		// Axis label — top-left of each band
 		ctx.font = '16px monospace';
-		ctx.fillStyle = AXES[i].color;
+		ctx.fillStyle = (<any>AXES)[i].color;
 		ctx.globalAlpha = 0.6;
-		ctx.fillText(AXES[i].label, W - 20, i * BAND + 14);
+		ctx.fillText((<any>AXES)[i].label, W - 20, i * BAND + 14);
 		ctx.globalAlpha = 1;
 
 		// Center line per band — full width
@@ -129,7 +129,7 @@ function draw(timestamp: number) {
 		ctx.lineTo(W, mid);
 		ctx.stroke();
 
-		drawTrace(ctx, traces[i], AXES[i].color);
+		drawTrace(ctx, <any>traces[i], (<any>AXES)[i].color);
 	});
 
 	rafId = requestAnimationFrame(draw);
@@ -138,7 +138,7 @@ function draw(timestamp: number) {
 async function poll() {
 	d.value = await api.current('seismic_magnitude,seismic_x,seismic_y,seismic_z');
 	AXES.forEach((axis, i) => {
-		const t = traces[i];
+		const t = <any>traces[i];
 		t.history.push(d.value[axis.key] ?? 0);
 		if (t.history.length > MAX_PTS) t.history.shift();
 		buildBuffer(t, i);