码迷,mamicode.com
首页 > 其他好文 > 详细

图表组件--雷达图

时间:2017-07-10 13:20:02      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:动画   顺序   ntb   基本   通过   技术分享   文本   组件   appdata   

7.图表组件--雷达图

技术分享技术分享技术分享技术分享
 
技术分享技术分享技术分享技术分享
      基于基本的图文组件对象H5ComponentBase创建雷达图组件对象H5ComponentRadar。加入画布用于制作网格线背景。arc()函数可以实现画圆功能。利用相应的公式计算出圆周上的点的坐标。(圆半径为cfg对象宽度的一半,圆周上点的个数取决于项目文本个数)将圆周上的相邻点进行连线,即可形成一面网格。调整参数,利用类似的方法绘制十面,相互交叉覆盖。将圆心坐标和最外层圆周上的点进行连线,即可得到网骨线。将cfg对象中的相应项目文本添加到对应位置。通过动画延迟时间定义文本出现的先后顺序。数据层的开发。。。绑定事件实现雷达图的生长动画和退场动画。

图表组件--雷达图

标签:动画   顺序   ntb   基本   通过   技术分享   文本   组件   appdata   

原文地址:http://www.cnblogs.com/haimengqingyuan/p/6510285.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!