垂直拉伸图形

【问题标题】：Stretch the graph vertically垂直拉伸图形
【发布时间】：2011-12-25 04:53:17
【问题描述】：

这是sandbox (http://jsfiddle.net/qeyqe/)。
这是一个漂亮的picture，我期望它说“垂直拉伸图表”。

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

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

【问题讨论】：

标签： canvas graph stretching

【解决方案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 以反映图表的实际最小值和最大值。

【讨论】：