開心生活站

位置:首頁 > IT科技 > 

echarts入門教程

IT科技6.17K

1、echarts簡介:

ECharts,縮寫來自Enterprise Charts,商業級數據圖表,一個純Javascript的圖表庫,可以流暢的運行在PC和移動設備上,兼容當前絕大部分瀏覽器(IE6/7/8/9/10/11,chrome,firefox,Safari等),底層依賴輕量級的Canvas類庫ZRender,提供直觀,生動,可交互,可高度個性化定製的數據可視化圖表。創新的拖拽重計算、數據視圖、值域漫遊等特性大大增強了用戶體驗,賦予了用戶對數據進行挖掘、整合的能力。

echarts入門教程

支持折線圖(區域圖)、柱狀圖(條狀圖)、散點圖(氣泡圖)、K線圖、餅圖(環形圖)、雷達圖(填充雷達圖)、和絃圖、力導向佈局圖、地圖、儀表盤、漏斗圖、事件河流圖等12類圖表,同時提供標題,詳情氣泡、圖例、值域、數據區域、時間軸、工具箱等7個可交互組件,支持多圖表、組件的聯動和混搭展現。

2、名稱解釋

名詞描述
chart是指一個完整的圖表,如折線圖,餅圖等“基本”圖表類型或由基本圖表組合而成的“混搭”圖表,可能包括座標軸、圖例等
axis直角座標系中的一個座標軸,座標軸可分爲類目型、數值型或時間型
xAxis直角座標系中的橫軸,通常並默認爲類目型
yAxis直角座標系中的縱軸,通常並默認爲數值型
grid直角座標系中除座標軸外的繪圖網格,用於定義直角系整體佈局
legend圖例,表述數據和圖形的關聯
dataRange值域選擇,常用於展現地域數據時選擇值域範圍
dataZoom數據區域縮放,常用於展現大量數據時選擇可視範圍
roamController縮放漫遊組件,搭配地圖使用
toolbox輔助工具箱,輔助功能,如添加標線,框選縮放等
tooltip氣泡提示框,常用於展現更詳細的數據
timeline時間軸,常用於展現同一系列數據在時間維度上的多份數據
series數據系列,一個圖表可能包含多個系列,每一個系列可能包含多個數據

3、圖表名稱

line折線圖,堆積折線圖,區域圖,堆積區域圖。
bar柱形圖(縱向),堆積柱形圖,條形圖(橫向),堆積條形圖。
scatter散點圖,氣泡圖。散點圖至少需要橫縱兩個數據,更高維度數據加入時可以映射爲顏色或大小,當映射到大小時則爲氣泡圖
kK線圖,蠟燭圖。常用於展現股票交易數據。
pie餅圖,圓環圖。餅圖支持兩種(半徑、面積)南丁格爾玫瑰圖模式。
radar雷達圖,填充雷達圖。高維度數據展現的常用圖表。
chord和絃圖。常用於展現關係數據,外層爲圓環圖,可體現數據佔比關係,內層爲各個扇形間相互連接的弦,可體現關係數據
force力導佈局圖。常用於展現複雜關係網絡聚類佈局。
map地圖。內置世界地圖、中國及中國34個省市自治區地圖數據、可通過標準GeoJson擴展地圖類型。支持svg擴展類地圖應用,如室內地圖、運動場、物件構造等。
heatmap熱力圖。用於展現密度分佈信息,支持與地圖、百度地圖插件聯合使用。
gauge儀表盤。用於展現關鍵指標數據,常見於BI類系統。
funnel漏斗圖。用於展現數據經過篩選、過濾等流程處理後發生的數據變化,常見於BI類系統。
evnetRiver事件河流圖。常用於展示具有時間屬性的多個事件,以及事件隨時間的演化。
treemap矩形式樹狀結構圖,簡稱:矩形樹圖。用於展示樹形數據結構,優勢是能最大限度展示節點的尺寸特徵。
venn韋恩圖。用於展示集合以及它們的交集。
tree樹圖。用於展示樹形數據結構各節點的層級關係