1. 程式人生 > >一些echarts繪圖的簡單例子

一些echarts繪圖的簡單例子

code chart AR china echarts 例子 gdb 單例 clas

有時候繪制一些圖形,上網找的例子給的都好復雜,所以我在下面就弄了一些簡單的例子,會給出最基本的option構造。繪制出來的圖形顏色我特意設置了一些不大好看的顏色,這樣畢竟好區分嘛。
畢竟,只要知道了最基本的option構造,代碼寫起來都不是問題哈。
我在未來有可能會陸陸續續進行補充。

可以打開這個echarts的官網鏈接:http://gallery.echartsjs.com/editor.html?c=xr1vmCGDBz,把下面對應例子中的代碼替換掉原來的代碼,刷新就可以看到結果

1、在地圖上繪制流向圖

繪制地圖前不要忘了引入echarts裏的相關的地圖文件,例如中國就引入: import ‘echarts/map/js/china‘;

技術分享圖片地圖上的流向圖

2、在地圖上繪制柱狀圖

技術分享圖片地圖上的柱狀圖

一些echarts繪圖的簡單例子