垂直拉伸图形

Question

这是sandbox（http://jsfiddle.net/qeyqe/） 这是一个美丽的picture，我期待的是“垂直拉伸图形”。

所以，我的图表有一个点数组，高度为100像素的画布。我的图表的最大值和最小值分别为84（0.8425）和44（0.439） - 因此，图表的高度范围为40 px（84 - 44）。但是我需要拉伸这个图形，以便它需要整个100像素的高度范围 - 我需要将值«84»转换为100并将值«44»转换为0;其他中间值也需要转换（拉伸）以适应新的0-100 px范围，而不是0-40 px（见上图）。

所以，主要的问题不是如何“缩放”图形，而是如何“拉伸”它垂直。

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，以反映图表的实际最小值和最大值。