本身开发图表库,脱离echart

前言

因为公司业务须要作一些图标来展现一些数据,以前都是用百度的echart.js。此次放弃使用它转而本身开发是有几个缘由git

  1. echart文件太大,有些功能用不到github

  2. echart样式不易扩展,知足不了设计的需求web

  3. 需求简单canvas

考虑上面几个缘由就决定本身开发一个图标库,主要介绍折线图和雷达图svg

技术研究

绘制图表能够用canvas、svg、webgl等,echart是用canvas绘制,因此我就直接考虑用canvas。webgl

  • 折线图:经过lineto将点连起来设计

  • 雷达图:由外向内,经过arc、fill等方法绘制图片

问题

  1. 折线图转成曲线
    经过网上查找资料,按照腾讯这篇文章来实现http://www.alloyteam.com/2015...开发

  2. 图片文字模糊
    问题分析和解决这里已经总结https://github.com/baixuexiya...get

代码地址

https://github.com/baixuexiya...

相关文章
相关标签/搜索