因为公司业务须要作一些图标来展现一些数据,以前都是用百度的echart.js。此次放弃使用它转而本身开发是有几个缘由
一、echart文件太大,有些功能用不到
二、echart样式不易扩展
三、需求简单
考虑上面几个缘由就决定本身开发一个图标库,主要介绍折线图和雷达图git
绘制图表能够用canvas、svg、webgl等,echart是用canvas绘制,因此我就直接考虑用canvas。
折线图:经过lineto将点连起来
雷达图:由外向内,经过arc、fill等方法绘制github
一、折线图转成曲线
经过网上查找资料,按照腾讯这篇文章来实现http://www.alloyteam.com/2015/08/zhe-xian-zhuan-qu-xian/
二、图片文字模糊
问题分析和解决这里已经总结https://github.com/baixuexiyang/wchart/wiki/canvas%E7%BB%98%E5%88%B6%E5%9B%BE%E7%89%87%E6%96%87%E5%AD%97%E6%A8%A1%E7%B3%8Aweb