垂直拉伸图形

Question

这是一个沙箱(http://jsfiddle.net/qeyqe/)。
这是一张漂亮的图片，我期望说"垂直拉伸图形"。

那么，我有一个点数组和一个高度为100px的画布。我的图的最大值和最小值分别是84(0.8425)和44(0.439)-所以，图的高度范围是40像素(84 - 44)。但是我需要拉伸这张图，让它占据整个100像素的高度范围——我需要将值84转换为100，将值44转换为0;其他中间值也需要转换(拉伸)，以适应新的0-100像素范围，而不是旧的0-40像素(见上图)。

所以，主要的问题不是如何"缩放"图形，而是如何"纵向拉伸"它。

Answer 1

您可以通过替换

行来直接在代码中扩展该值

value = Math.round(ratesValues[i] * 100);

用以下行:

min = 0.439;
max = 0.8425;
value = Math.round((ratesValues[i]-min)/(max-min)*100);

您可以更改数字0.439和0.8425来反映您的图形的实际最小值和最大值。