文章出處

今天小編為大家推薦一個神奇的酷站。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 好處：

1、開源軟件，并且我們提供了非常炫酷的圖形界面，特色是地圖，另外還提供了柱狀圖、折線圖、餅圖、氣泡圖及四象限圖等；

2，使用簡單，在官網中為我們封裝了js，只要會引用就會得到完美的展示效果；

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

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

 

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

 


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄