數(shù)據(jù)可視化—Echarts圖表應(yīng)用
ECharts是一款由百度前端技術(shù)部開發(fā)的,基于Javascript的數(shù)據(jù)可視化圖表庫,提供直觀,生動,可交互,可個性化定制的數(shù)據(jù)可視化圖表。
使用 JavaScript 實現(xiàn)開源的可視化庫,可以流暢的運行在 PC 和移動設(shè)備上,兼容當前絕大部分瀏覽器,底層依賴輕量級的矢量圖形庫 ZRender,提供直觀,交互豐富,可高度個性化定制的數(shù)據(jù)可視化圖表。
具有豐富的可視化類型,ECharts 提供了常規(guī)的折線圖、柱狀圖、散點圖、餅圖、K線圖,用于統(tǒng)計的盒形圖,用于地理數(shù)據(jù)可視化的地圖、熱力圖、線圖,用于關(guān)系數(shù)據(jù)可視化的關(guān)系圖、treemap、旭日圖,多維數(shù)據(jù)可視化的平行坐標,還有用于 BI 的漏斗圖,儀表盤,并且支持圖與圖之間的混搭。
ECharts提供大量常用的數(shù)據(jù)可視化圖表,底層基于ZRender(一個全新的輕量級canvas類庫),創(chuàng)建了坐標系,圖例,提示,工具箱等基礎(chǔ)組件,并在此上構(gòu)建出折線圖(區(qū)域圖)、柱狀圖(條狀圖)、散點圖(氣泡圖)、餅圖(環(huán)形圖)、K線圖、地圖、力導(dǎo)向布局圖以及和弦圖,同時支持任意維度的堆積和多圖表混合展現(xiàn)。

多圖聯(lián)動

值域漫游

大規(guī)模散點圖

子區(qū)域地圖模式

代碼示例
目標完成率

- #數(shù)據(jù)分析指標完成情況from pyecharts import Gaugegauge=Gauge('目標完成
- 率')gauge.add('任務(wù)指標','完成率',80.2)#gauge.render('gauge.html')#圖
- 表輸出gauge.render()gauge
水球圖

- #水球圖from pyecharts import Liquidliquid=Liquid("水球圖"
- )liquid.add("水球",[0.8])#liquid.render('liquid.html')#圖
- 表輸出到路徑下liquid.render()#圖表直接輸出liquid
箱線圖

- #箱線圖from pyecharts import Boxplotboxplot=Boxplot("箱線圖")x_axis=['銷售額']y_axis=
- [[169,126,248,263,265,273,248,241,326,334,479,347]]yaxis=boxplot.prep
- are_data(y_axis)boxplot.add("boxplot",x_axis,_yaxis)boxplot.render()#
- 直接導(dǎo)出或者導(dǎo)出到文件內(nèi)boxplot.render(linebar.html)boxplot
3D柱形圖

- #3D柱形圖from pyecharts import Bar3Dimport jsonbar3d=Bar3D("3D柱形
- 圖",width=1200,height=600)f=open("bar3ds.json")datas=json.load(f)x
- _axis=datas['x_axis']y_axis=datas['y_axis']data=datas['data']range
- _color=datas['range_color']#visualmap熱力圖
- bar3d.add("",x_axis,y_axis,[[d[1],d[0],d[2]]
- for d in data],is_visualmap=True,visual_range=
- [0,20],visual_range_color=range_color)#設(shè)置3D圖的自動旋轉(zhuǎn)
- bar3d.add("",x_axis,y_axis,[[d[1],d[0],d[2]]
- for d in data],is_visualmap=True,visual_range=
- [0,20],visual_range_color=range_color,
- grid3d_width=200,grid3d_depth=80,is_grid3d_rotate=True)#設(shè)置3D圖的
- 自動旋轉(zhuǎn)的速度bar3d.add("",x_axis,y_axis,[[d[1],d[0],d[2]]
- for d in data],is_visualmap=True,visual_range=
- [0,20],visual_range_color=range_color,
- grid3d_width=200,grid3d_depth=80,is_grid3d_rotate=True,grid3d_rota
- te_speed=180)#圖表輸出bar3d.render('3dbar.html')