數據可視化—Echarts圖表應用

ECharts是一款由百度前端技術部開發的,基於Javascript的數據可視化圖表庫,提供直觀,生動,可交互,可個性化定製的數據可視化圖表。

使用 JavaScript 實現開源的可視化庫,可以流暢的運行在 PC 和移動設備上,兼容當前絕大部分瀏覽器,底層依賴輕量級的矢量圖形庫 ZRender,提供直觀,交互豐富,可高度個性化定製的數據可視化圖表。

具有豐富的可視化類型,ECharts 提供了常規的折線圖、柱狀圖、散點圖、餅圖、K線圖,用於統計的盒形圖,用於地理數據可視化的地圖、熱力圖、線圖,用於關係數據可視化的關係圖、treemap、旭日圖,多維數據可視化的平行座標,還有用於 BI 的漏斗圖,儀表盤,並且支持圖與圖之間的混搭。

官方網址:https://echarts.baidu.com/

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

數據可視化—Echarts圖表應用

多圖聯動

數據可視化—Echarts圖表應用

值域漫遊

數據可視化—Echarts圖表應用

大規模散點圖

數據可視化—Echarts圖表應用

子區域地圖模式

數據可視化—Echarts圖表應用


代碼示例

目標完成率

數據可視化—Echarts圖表應用

<code>#數據分析指標完成情況
from pyecharts import Gauge
gauge=Gauge('目標完成率')
gauge.add('任務指標','完成率',80.2)
#gauge.render('gauge.html')
#圖表輸出
gauge.render()
gauge/<code>

水球圖

數據可視化—Echarts圖表應用


<code>#水球圖 

from pyecharts import Liquid
liquid=Liquid("水球圖"
)liquid.add("水球",[0.8])#liquid.render('liquid.html')#圖表輸出到路徑下liquid.render()#圖表直接輸出liquid/<code>

箱線圖

數據可視化—Echarts圖表應用


<code>#箱線圖from pyecharts import Boxplot
boxplot=Boxplot("箱線圖")
x_axis=['銷售額']
y_axis=[[169,126,248,263,265,273,248,241,326,334,479,347]]
yaxis=boxplot.prepare_data(y_axis)
boxplot.add("boxplot",x_axis,_yaxis)
boxplot.render()
#直接導出或者導出到文件內

boxplot.render(linebar.html)
boxplot/<code>

3D柱形圖

數據可視化—Echarts圖表應用


<code>#3D柱形圖
from pyecharts import Bar3D
import json
bar3d=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)
#設置3D圖的自動旋轉
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)
#設置3D圖的自動旋轉的速度
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_rotate_speed=180)
#圖表輸出
bar3d.render('3dbar.html')/<code>

更多實用的數據分析知識,請持續關注!


分享到:


相關文章: