canvas - 垂直拉伸图形

Question

这是一个沙箱（http://jsfiddle.net/qeyqe/）。这是我所期望的“垂直拉伸图形”
的美丽图片。

所以，我的图表有一个点数组和一个高度为 100 像素的画布。我的图表的最大值和最小值分别是 84 (0.8425) 和 44 (0.439) - 所以，图表的高度范围是 40 px (84 - 44)。但是我需要拉伸这个图，让它占据整个 100 px 的高度范围——我需要将值«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反映图表的实际最小值和最大值。