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

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

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

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

多圖聯(lián)動

值域漫游

大規(guī)模散點圖

子區(qū)域地圖模式

代碼示例

目標完成率

#數(shù)據(jù)分析指標完成情況from pyecharts import Gaugegauge=Gauge('目標完成 
率')gauge.add('任務指標','完成率',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()# 
直接導出或者導出到文件內(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)#設置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)#設置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')