From 26a962a75922ead8a378f026989d48db5a223e35 Mon Sep 17 00:00:00 2001 From: Eugene Crosser Date: Tue, 22 Dec 2015 12:22:29 +0300 Subject: [PATCH 1/1] wip on plot graph --- web/index.html | 22 ++++++++++++++++------ 1 file changed, 16 insertions(+), 6 deletions(-) diff --git a/web/index.html b/web/index.html index 2f99eeb..06ee992 100644 --- a/web/index.html +++ b/web/index.html @@ -8,27 +8,37 @@ var context; var ww; var wh; + var hfact; var tmin; var tmax; + var tfact; + function px(x) { + return (x - tmin) * tfact; + } + function py(y) { + return (wh - y * hfact); + } function drawplot(times, color) { - var tfact = ww / (tmax - tmin); var i; var height = []; var hmax = 0; - var hfact; + tfact = ww / (tmax - tmin); for (i = 1; i < times.length; i++) { - height[i] = 1 / (times[i][0] - times[i-1][0]); + height[i] = (times[i][1] - times[i-1][1]) / (times[i][0] - times[i-1][0]); if (hmax < height[i]) hmax = height[i]; } height[i+1] = height[i]; hfact = wh / hmax; + context.beginPath(); - context.moveTo(0, wh - height[1]*hfact); + context.moveTo(px(times[0][1]), py(height[1])); for (i = 1; i < times.length; i++) { - context.lineTo((times[i][0] - tmin)*tfact,wh - height[i]*hfact); - context.lineTo((times[i][0] - tmin)*tfact,wh - height[i+1]*hfact); + context.lineTo(px(times[i][0]), py(height[i])); + context.lineTo(px(times[i][0]), py(height[i+1])); } + context.lineTo(px(tmax), py(height[i+1])); + context.strokeStyle = color; context.stroke(); } -- 2.39.2