ECharts是一款由百度前端技術(shù)部開(kāi)發(fā)的，基于Javascript的數(shù)據(jù)可視化圖表庫(kù)，提供直觀，生動(dòng)，可交互，可個(gè)性化定制的數(shù)據(jù)可視化圖表。

使用 JavaScript 實(shí)現(xiàn)開(kāi)源的可視化庫(kù)，可以流暢的運(yùn)行在 PC 和移動(dòng)設(shè)備上，兼容當(dāng)前絕大部分瀏覽器，底層依賴輕量級(jí)的矢量圖形庫(kù) ZRender，提供直觀，交互豐富，可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。

具有豐富的可視化類型，ECharts 提供了常規(guī)的折線圖、柱狀圖、散點(diǎn)圖、餅圖、K線圖，用于統(tǒng)計(jì)的盒形圖，用于地理數(shù)據(jù)可視化的地圖、熱力圖、線圖，用于關(guān)系數(shù)據(jù)可視化的關(guān)系圖、treemap、旭日?qǐng)D，多維數(shù)據(jù)可視化的平行坐標(biāo)，還有用于 BI 的漏斗圖，儀表盤，并且支持圖與圖之間的混搭。

ECharts提供大量常用的數(shù)據(jù)可視化圖表，底層基于ZRender(一個(gè)全新的輕量級(jí)canvas類庫(kù))，創(chuàng)建了坐標(biāo)系，圖例，提示，工具箱等基礎(chǔ)組件，并在此上構(gòu)建出折線圖(區(qū)域圖)、柱狀圖(條狀圖)、散點(diǎn)圖(氣泡圖)、餅圖(環(huán)形圖)、K線圖、地圖、力導(dǎo)向布局圖以及和弦圖，同時(shí)支持任意維度的堆積和多圖表混合展現(xiàn)。

多圖聯(lián)動(dòng)

值域漫游

大規(guī)模散點(diǎn)圖

子區(qū)域地圖模式

代碼示例

目標(biāo)完成率

#數(shù)據(jù)分析指標(biāo)完成情況from pyecharts import Gaugegauge=Gauge('目標(biāo)完成 
率')gauge.add('任務(wù)指標(biāo)','完成率',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圖的自動(dòng)旋轉(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圖的 
自動(dòng)旋轉(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')