Div盒定位和正弦波有问题

Question

现在我正在尝试让8个div盒形成一个正弦波，使得波浪穿过每个div的左下角和右上角，这让我很难做到。这是我到目前为止所做的：

var divArr = new Array();

for(i = 0; i <= 8; i++){

var yPos = 50 + 50 * Math.sin((i/8) * 2 * Math.PI);
divArr[i] = OS.dom.add_element('div', view, {position: 'absolute', width: '50px', height: yHeight+'px', 'background-color': '#000000'});
var yHeight = 20;
divArr[i].style.left = (i * 50)+'px';
divArr[i].style.top = yPos+'px';