微信canvas保存小程序canvas画布中动态绘制雷达图的主要思路:
(1)雷达图是在一个圆中绘制实现将圆从圆心分成四部分,0-9090-180,180-270,270-360(0)分界线单独拿出来考虑;
(2)数据的属性个數,决定雷达图的分支数结合最大属性值(圆的半径)将雷达图属性线画出和属性名称标出,三角函数计算坐标;
(3)雷达图的属性值決定图形在画好的雷达网状图中,根据各个属性值(圆的半径)用三角函数计算出坐标并连成图;
(4)定初始的属性的分支为刻度线,并标上刻度
具体实现在js代码中写的有点粗略,但是雷达图不是很难画的图应该不难理解
//数据由上一页面传递过来,在页面onLoad函数中获嘚
//存储每个属性值坐标
//雷达图画维度线、维度线名称
/**雷达图画标准线 */
//雷达图每个维度打分点连线
绘制出的雷达图如下所示
微信canvas保存小游戏主打社交玩法为了丰富社交玩法我们肯定会用到关系链数据来做好友排行帮,群排行榜等功能本篇主要介绍概念同时划重点,下一篇Cocos Creator中实战
一个微信canvas保存用户的关系链数据包括两部分:
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。