ECharts 詳細介紹
提供大量常用的數據可視化圖表,底層基於ZRender(一個全新的輕量級canvas類庫),創建了座標系,圖例,提示,工具箱等基礎組件,並在此上構建出折線圖(區域圖)、柱狀圖(條狀圖)、散點圖(氣泡圖)、餅圖(環形圖)、K線圖、地圖、力導向佈局圖以及和絃圖等等多種類型的圖表類型!
4.0版本的實例更多
也有許多的專業圖表
官方還在不斷的添加更多種類的圖表,還有一個比較好用的地方就是有個官方論壇,裡面有各種各種真實用戶上傳的圖表模板,這些圖表都是真實的數據模型製作出來的,很具有參考價值,非常值得學習借鑑!!!
還可以按照時間、熱度來進行篩選
也可以按照圖表種類進行篩選
還可以進行搜索,只能說太強大了!!
下面來具體講解一下怎麼使用圖表模板
模板的使用方法
就拿一個比較常見的專業圖表——儀表盤來進行舉例。
直接點擊標準儀表盤進入一下界面
在代碼窗口中有很多的代碼,大家無需明白是什麼意思,只需要注意一個地方即可(下拉滾動條到下面找到data一行中的,將value冒號後面的數字改為你需要的數值即可),如下圖所示
這裡我將值改為80,然後點擊刷新即可得到結果
結果如下圖所示:
我們還可以使用不同的主題
導出圖表
按照如下圖所示的操作即可將圖表導出為PNG圖片為我們所用
大功告成!
網址
2.0版本——http://echarts.baidu.com/echarts2/doc/example.html
4.0版本——http://echarts.baidu.com/examples/
官方圖表廊——http://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all
閱讀更多 樂享所知 的文章
關鍵字: 軟件 數據挖掘 JavaScript