本身開發圖表插件,脫離echart

前言

因爲公司業務須要作一些圖標來展現一些數據,以前都是用百度的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

代碼地址

https://github.com/baixuexiyang/wchartcanvas

相關文章
相關標籤/搜索