画布 HTML5 数据点到数组答案

【问题标题】：Canvas HTML5 datapoints to arrays画布 HTML5 数据点到数组
【发布时间】：2014-08-25 11:55:56
【问题描述】：

我希望有人可以指导我如何将长数据点转换为数组，因为我有一个很长的列表要绘制，我希望有一种更简单的循环方法，而不是输入 x 50 次。

目前，我有 x increment of +.25 and y is calculated from a formula below. 的数据点

例子：

dataPoints: [
{ x: 0, y: 1000*(0.5/(50*0.6))* (Math.exp(-((6)/(50*0.6)*0))) }
];

Link to demo: http://jsfiddle.net/QwZuf/95/

谢谢！

【问题讨论】：

标签： javascript arrays html canvas

【解决方案1】：

您只需要一个简单的for 循环：

var dataPoints = [];

for (var x = 0; x <= 12.5; x += 0.25) {
    dataPoints.push({ 
        x: x,
        y: 1000*(0.5/(50*0.6))* (Math.exp(-((6)/(50*0.6)*x)))
    });
}

然后将该数组作为dataPoints 参数传递给绘图函数。

见http://jsfiddle.net/alnitak/xQpv7/

【讨论】：

感谢 alnitak 的帮助！