本身開發圖表庫,脫離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...

相關文章
相關標籤/搜索