即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

ECharts 詳細介紹

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

提供大量常用的數據可視化圖表,底層基於ZRender(一個全新的輕量級canvas類庫),創建了座標系,圖例,提示,工具箱等基礎組件,並在此上構建出折線圖(區域圖)、柱狀圖(條狀圖)、散點圖(氣泡圖)、餅圖(環形圖)、K線圖、地圖、力導向佈局圖以及和絃圖等等多種類型的圖表類型!

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

4.0版本的實例更多

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

也有許多的專業圖表

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

官方還在不斷的添加更多種類的圖表,還有一個比較好用的地方就是有個官方論壇,裡面有各種各種真實用戶上傳的圖表模板,這些圖表都是真實的數據模型製作出來的,很具有參考價值,非常值得學習借鑑!!!

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

還可以按照時間、熱度來進行篩選

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

也可以按照圖表種類進行篩選

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

還可以進行搜索,只能說太強大了!!

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

下面來具體講解一下怎麼使用圖表模板


模板的使用方法

就拿一個比較常見的專業圖表——儀表盤來進行舉例。

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

直接點擊標準儀表盤進入一下界面

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

在代碼窗口中有很多的代碼,大家無需明白是什麼意思,只需要注意一個地方即可(下拉滾動條到下面找到data一行中的,將value冒號後面的數字改為你需要的數值即可),如下圖所示

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

這裡我將值改為80,然後點擊刷新即可得到結果

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

結果如下圖所示:

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

我們還可以使用不同的主題

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

導出圖表

按照如下圖所示的操作即可將圖表導出為PNG圖片為我們所用

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

大功告成!

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts

網址

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

即使不懂代碼,你也可以做出這麼酷炫好看的圖表—百度ECharts


分享到:


相關文章: