【前端酷站】分享一個純 Javascript 的圖表庫與立體像素風製做～

今天小編爲你們推薦一個神奇的酷站。ECharts，一個純 Javascript 的圖表庫。

 

如下是各個幾個不錯的界面的介紹：

首頁：  http://echarts.baidu.com/

在首頁有完整的說明，也專門的例子進行講解，若是有必定前端基礎，能夠很快上手。而沒有經驗的，照模畫樣也能夠弄出來。

 

通常例子：  http://echarts.baidu.com/echarts2/doc/example.html

通常性的例子裏面包含了經常使用的通常性表格，點擊進去就能夠看到代碼。修改後點擊刷新就能獲得修改後的樣子

 

特別例子：  http://echarts.baidu.com/examples.html#chart-type-graph
畫廊：  http://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all

在特別例子和畫廊裏，有官方的精美例子，而Gallery裏面則是用戶本身製做的一些精美圖形來進行分享。你所須要作的，就是過去拷貝代碼拿來用。

 

---

 

你們能夠欣賞欣賞特效案例：

 

 

 

 

 

---

還能夠進行立體像素風案例製做：

選一張色彩豐富的顏料圖做爲原始素材

接下來就是見證奇蹟的時刻～

 

 

能夠經過鼠標拖動來改變視角，經過滾輪來放大縮小圖像～～

是否是超酷呢？再調整一下參數試試～～

 

簡直整容術～～再稍微調整一下，而後只須要在畫面中心右鍵，圖片另存爲，大功告成～～

 

 

---

 

ECharts 好處：

一、開源軟件，而且咱們提供了很是炫酷的圖形界面，特點是地圖，另外還提供了柱狀圖、折線圖、餅圖、氣泡圖及四象限圖等；

2，使用簡單，在官網中爲咱們封裝了js，只要會引用就會獲得完美的展現效果；

3，種類多，echarts實現簡單，各種圖形都有；相應的模板，還有豐富的API及文檔說明，很是詳細；

4，兼容性好，基於html5，有着良好的動畫渲染效果。

 

怎麼樣 是否是很是有用啊~~？小編雖然對前端的代碼不是特別懂，但看到Echarts提供的豐富的圖表類型後瞬間樂開花哈哈，強大的數據可視化功能，對學數學的我很是有幫助吶啦啦啦～～～這個站是否是對你也頗有幫助哇，哈哈歡迎給我留言一塊兒討論呦～～～