今天小編為大家推薦一個神奇的酷站。ECharts,一個純 Javascript 的圖表庫。
以下是各個幾個不錯的界面的介紹:
在首頁有完整的說明,也專門的例子進(jìn)行講解,如果有一定前端基礎(chǔ),可以很快上手。而沒有經(jīng)驗(yàn)的,照模畫樣也可以弄出來。
一般例子:http://echarts.baidu.com/echarts2/doc/example.html
一般性的例子里面包含了常用的一般性表格,點(diǎn)擊進(jìn)去就可以看到代碼。修改后點(diǎn)擊刷新就能得到修改后的樣子
特別例子:http://echarts.baidu.com/examples.html#chart-type-graph
畫廊:http://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all
在特別例子和畫廊里,有官方的精美例子,而Gallery里面則是用戶自己制作的一些精美圖形來進(jìn)行分享。你所需要做的,就是過去拷貝代碼拿來用。
大家可以欣賞欣賞特效案例:







還可以進(jìn)行立體像素風(fēng)案例制作:
選一張色彩豐富的顏料圖作為原始素材

接下來就是見證奇跡的時刻~

可以通過鼠標(biāo)拖動來改變視角,通過滾輪來放大縮小圖像~~

是不是超酷呢?再調(diào)整一下參數(shù)試試~~

簡直整容術(shù)~~再稍微調(diào)整一下,然后只需要在畫面中心右鍵,圖片另存為,大功告成~~


ECharts 好處:
1、開源軟件,并且我們提供了非常炫酷的圖形界面,特色是地圖,另外還提供了柱狀圖、折線圖、餅圖、氣泡圖及四象限圖等;
2,使用簡單,在官網(wǎng)中為我們封裝了js,只要會引用就會得到完美的展示效果;
3,種類多,echarts實(shí)現(xiàn)簡單,各類圖形都有;相應(yīng)的模板,還有豐富的API及文檔說明,非常詳細(xì);
4,兼容性好,基于html5,有著良好的動畫渲染效果。
怎么樣 是不是非常有用啊~~?小編雖然對前端的代碼不是特別懂,但看到Echarts提供的豐富的圖表類型后瞬間樂開花哈哈,強(qiáng)大的數(shù)據(jù)可視化功能,對學(xué)數(shù)學(xué)的我非常有幫助吶啦啦啦~~~這個站是不是對你也很有幫助哇,哈哈歡迎給我留言一起討論呦~~~
優(yōu)美的程序員必看系列文章:
iGeekBar精選科技設(shè)計(jì)資源大薈萃001
iGeekBar精選科技設(shè)計(jì)資源大薈萃002
iGeekBar精選科技設(shè)計(jì)資源大薈萃003
分享那些幫助你更快更好實(shí)現(xiàn)Material design設(shè)計(jì)的框架資源
難覓Material Design創(chuàng)意設(shè)計(jì)? 快開試試這11個開拓眼界的網(wǎng)站吧~
10個屌炸天的設(shè)計(jì)網(wǎng)址導(dǎo)航帶你嗨翻科技設(shè)計(jì)界