Skip to content

gavinjzx/pieChart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

用canvas生成数据饼图,支持手机端高清

或许亲会觉得这是一个重复的轮子,百度eChart的功能更加完善,效果更好。

但是这个项目本身只有二百多KB,加一个二百多KB的组件,上司直接不允许。于是自己决定写一个。

在线演示: http://atigege.com/case/web/pieChart/

结果项目上线后,发现在手机上,图片发虚(如华为和三星的高端机为三倍屏,一般的安卓手机为二倍屏)。

项目演示: http://atigege.com/case/web/bgi/it2017/ 因为时间紧迫,只剩一天时间,还有页面没有切,CSS3动画待添加,数据待绑定(json数据绑定。) 项目中直接使用的2倍图,这样在高清视网膜屏上,还是会显示有点点模糊。

项目上线后,晚上睡觉都想着如何完善这个功能,最终重新修改代码,添加scale方法,如果devicePixelRatio不为1,先放大canvas画图,最终在样式表上缩小canvas的比率,这样实现了分辨率的提升。

有可能有朋友有类似的场景,可以参考一下。

About

用canvas生成数据饼图,支持手机端高清

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published