利用ichartjs作图风向风力图

利用ichartjs绘制风向风力图

var chart = new iChart.LineBasic2D({//...});

?

var image = new Image();image.src = "arrow.png";image.onload = function(){create();//创建图表方法}

?

parsePoint:function(d,v,x,y,j){return {angle:angle[j]};//将每个点的角度值传递到每个点上}

?

draw:function(L){var Q;for(var i=0;i<L.lines.length;i++){Q = L.lines[i].get('points');for(var j=0;j<Q.length;j++){//在此处根据Q[j].angle获取角度值，绘制方向箭头this.T.c.save();this.T.c.translate(Q[j].x,Q[j].y);this.T.c.rotate(Q[j].angle * Math.PI / 180);this.T.c.drawImage(image,-12,-12,24,24);this.T.c.restore();}}return true;}

?大功告成。

?