前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >大家很喜欢用的可视化神器——Pyecharts|可视化系列07

大家很喜欢用的可视化神器——Pyecharts|可视化系列07

作者头像
蛰虫始航
发布2020-11-16 16:47:25
2.3K0
发布2020-11-16 16:47:25
举报
文章被收录于专栏:蛰虫始航蛰虫始航

pyecharts简介

pyecharts是基于前端可视化框架echarts的Python可视化库。该库让我们在Python里也可以充分体验到快速出图和丰富交互的数据可视化体验。

echarts主要开发者御术曾说过,和d3相比,d3是面粉而echarts相当于面条。这是个很形象的比喻,和面粉相比,面条可以快速煮出各种美食,很贴合echarts的特点。echarts开箱即用,文档详细、可以配置的参数多,且有很多改改配置就能用的例子。pyecharts也具备这一优点。

代码框架与配置项

pyecharts的可视化基本代码框架如下。

代码语言:javascript
复制
import pyecharts
bar=pyecharts.charts.Bar() #初始化一个柱状图
bar.add_xaxis(['Mon.','Tue.','Wed.','Thu.','Fri.']) #设置x轴
bar.add_yaxis("y", [76,37,90,60,50],color='#1eafae') #y轴
bar.set_global_opts(title_opts=opts.TitleOpts(title="主标题",pos_left='center'))
bar.render_notebook()  #在jupyter notebook中出图
#bar.render('bar_charts_01.html')  #保存为文件

可以看到的是,pyecharts遵循了大部分Python可视化库的写法,初始化图对象,明确是什么类型的图,设置x,y轴数据及属性,设置图元属性,出图。

pyecharts绘制交互柱状图

pyecharts本质做的是把Python语句向echarts的JavaScript语句的映射,因此更强调配置,语句上使用add_set_频率高。pyecharts囊括了30+常用的图表类型,而且对于表格展示、图像显示也有对应接口,除了输出html外,支持主流notebook环境的图表显示,还能很方便地和Flask、Django等Python前端框架集成。

在语句组织上,也可以用链式调用写法,思路和上面一致,初始化,设置X/Y,设置图元属性,出图。

代码语言:javascript
复制
bar = (
    Bar().add_xaxis(x).add_yaxis("y",y)
)
bar.render()

在图元属性上,图形颜色、文本标签通过向add_yaxis传参设置。也能通过set_colors设置全局配色。

标题、图例等设置通过 set_global_opts设置,从语句名字可以看出其可以设置各种全局的属性。实例语句如下:

代码语言:javascript
复制
from pyecharts import options as opts
bar.set_global_opts(title_opts=opts.TitleOpts(title="主标题",
                                              subtitle="副标题",pos_left='center'),
                   legend_opts=opts.LegendOpts(pos_left='5px'))

set_global_opts设置的图元包括:

•title_opts:标题设置,封装为pyecharts.options.TitleOpts(),属性有title,title_link,subtitle(副标题),pos_left,pos_top,title_textstyle_opts等实用配置。所以写法为:title_opts=opts.TitleOpts(title="主标题");•legend_opts:图例配置项,可以控制是否显示图例、图例相对位置、图例每项之间的间隔等属性,对应封装为LegendOpts();•tooltip_opts:提示框配置项,包括是否显示,触发条件等;•toolbox_opts:工具箱配置项;•brush_opts:区域选择组件配置项;•xaxis_opts:x坐标轴配置项,对应的封装是在AxisOpts()里,可以设置坐标轴类型(数值类型、离散类型,对数坐标轴、时间轴)、坐标轴名称、是否显示、值域、各种相对位置等属性;•yaxis_opts:y坐标轴配置项,对应封装也在AxisOpts();•visualmap_opts:视觉映射配置项;•datazoom_opts:区域缩放配置项;

等等,以上具体属性使用时可以随时查阅官方文档[1]。图形画布的宽度、背景色、使用主题等会在初始化图表时配置,称作InitOpts,也就是写在Bar()里,而不是传进set_global_opts。配置属性的时候需要注意的是type、min、max是Python的关键字,因此都用的type_、min_、max_这种形式。转为JavaScript会转回type,min,max。

代码语言:javascript
复制
bar=pyecharts.charts.Bar(init_opts=opts.InitOpts(width="400px",height="400px",page_title="pyecharts-demo"))
翻转XY轴

通过翻转柱状图的xy轴绘制条形图:

代码语言:javascript
复制
bar.reversal_axis()  #翻转柱状图的xy轴
bar.render_notebook()

翻转xy轴得到条形图

数据进行统计后调整category_gap参数可以绘制出直方图

代码语言:javascript
复制
bar=pyecharts.charts.Bar()
bar.add_xaxis(list(df['x']))
bar.add_yaxis("y",list(df['y']),color='#1eafae',category_gap=0)
bar.render_notebook()  #直方图

绘制堆叠柱状图,只需要给bar对象添加两个.add_yaxis()再设置stack属性,实例如下:

代码语言:javascript
复制
#堆叠柱
df=pd.DataFrame({'x':['Mon.','Tue.','Wed.','Thu.','Fri.'],
                 'y':[76,37,90,60,50],
                 'z':[37,46,53,81,60]})
bar=pyecharts.charts.Bar()
bar.add_xaxis(list(df['x']))
bar.add_yaxis("y",list(df['y']),color='#ba5c25',stack='s1',label_opts=opts.LabelOpts(position='inside'))
bar.add_yaxis("z",list(df['z']),color='#1eafae',stack='s1',label_opts=opts.LabelOpts(position='inside'))
bar.render_notebook()

堆叠柱状图效果

绘制折线图的多条折线也是用add_yaxis()

代码语言:javascript
复制
#箱线图
ybox=[59, 81, 80, 82, 50, 67, 66, 74, 75, 76, 91, 72]
zbox=[59, 41, 80, 62, 70, 61, 46, 54, 45, 66, 85, 42]
b=pyecharts.charts.Boxplot()
b.add_xaxis(['boxplot-x-axis'])
b.add_yaxis("y",[sorted(ybox)])  
b.add_yaxis("z",[sorted(zbox)])
b.render_notebook()
饼图

直角坐标系基本都是.add_xaxis(x).add_yaxis("y",y)配置X/Y轴的数据(包括箱线图),而饼图、雷达图等,是用add()配置数据。饼图的每块楔形对应的数为(标签,数值),因此传入add的数据不是[[x1,x2, …], [y1,y2, …]]这一的x的列表和y的列表,而是需要[(key1,val1),(k2,v2)]这样的组织形式。

代码语言:javascript
复制
c=pyecharts.charts.Pie()  #pyecharts绘制饼图
c.add("y",[[v['x'],v['y']] for i,v in df.iterrows()])#不是add_yaxis了;[(key1,val1),(k2,v2)]
c.set_colors(['#1eafae','#69ffff', '#ba5c25', '#ffa069', '#a3ffff','#d7ce88'])
c.render_notebook()
代码语言:javascript
复制
c=pyecharts.charts.Radar()  #雷达图
sch=[opts.RadarIndicatorItem(name=i,max_=100) for i in list(df['x'])]
c.add_schema(sch,shape='polygon') #shape可选 'polygon' 和 'circle',默认polygon
c.add("y",[list(df['y'])],linestyle_opts=opts.LineStyleOpts(color="#1eafae"))  
c.add("z",[list(df['z'])],linestyle_opts=opts.LineStyleOpts(color="#ba5c25")) 
c.render_notebook()

雷达图的每条折线通过add()添加序列数据,基本上我们绘制雷达图各类别是分类变量(例如上图中的Mon.、Tue.等类别),配置进去需要用参数详解RadarIndicatorItem(name),雷达图绘制时最好显性声明每类的最大值,否则默认用的序列最大值。

关系图及数据特点

要绘制节点关系图等关系图,需要准备两份数据,一个节点表,一个边表。

节点表与边表

下面的例子更形象。节点表nodes说明有哪些节点,点的半径大小,每个节点是一个字典类型的数据,边表links说明谁连接谁,从节点A指向点B。必须要声明的是source和target,还可以有value、lineStyle等属性。

代码语言:javascript
复制
nodes = [
    {"name": "A", "symbolSize": 10},
    {"name": "B", "symbolSize": 40},
    {"name": "C", "symbolSize": 20},
    {"name": "D", "symbolSize": 10}
]
links=[
    {"source":'A', "target":'B'},
    {"source":'B', "target":'C','value': 10},
    {"source":'C', "target":'D','lineStyle':{'normal':{'show':'true','width': 2}}},
    {"source":'D', "target":'B'},
]
g=pyecharts.charts.Graph()
g.add('',nodes,links,edge_length=100,repulsion=1500)  #repulsion:节点之间的斥力因子;  gravity:节点受到的引力因子;
g.render_notebook()
桑吉图

Sankey图也是节点和边两个数据输入。

代码语言:javascript
复制
nodes = [
    {"name": "A", "symbolSize": 10},
    {"name": "B", "symbolSize": 40},
    {"name": "C", "symbolSize": 20},
    {"name": "D", "symbolSize": 10}
]
links=[
    {"source":'A', "target":'C','value': 10},
    {"source":'B', "target":'C','value': 15},
    {"source":'C', "target":'D','value': 10},
    {"source":'B', "target":'D','value': 10},
]
g=pyecharts.charts.Sankey()
g.add('',nodes,links,
      label_opts=opts.LabelOpts(position="inside"),
      linestyle_opt=opts.LineStyleOpts(opacity=0.3, curve=0.2)) #默认颜色太难看了
g.render_notebook()

复合图表

层叠不同类型的图、一行多图等排版对于pyecharts是基本操作。

通过b.overlap(a)将图a叠加到b类型的图上,且他们会共用一套坐标系。

代码语言:javascript
复制
#在同一坐标系里叠加多种图
bar=pyecharts.charts.Bar()
bar.add_xaxis(list(df['x']))
bar.add_yaxis("y",list(df['y']),color='#1eafae')
line = pyecharts.charts.Line().add_xaxis(list(df['x'])) \
                .add_yaxis("z",list(df['z']),color='#ba5c25',z_level=2)
bar.overlap(line)
bar.render_notebook()

多个图进行排列而不是叠加到同一个坐标系里用grid和page,同一行多个图是grid,一页多图从上往下用的是page。通过选项卡点击切换多个图用tab,时间线轮播图用timeline。示例代码如下。综合以上的用法可以搭建仪表盘。

代码语言:javascript
复制
bar=pyecharts.charts.Bar()
bar.add_xaxis(list('abcdef'))
bar.add_yaxis('y',a,color='#1eafae')
bar.set_global_opts(title_opts=opts.TitleOpts(title="帕累托图1", subtitle="双轴直角坐标图",pos_left='center'),
                    legend_opts=opts.LegendOpts(pos_left='60px'))

line=pyecharts.charts.Line()
line.add_xaxis(list('abcdef'))
line.add_yaxis('d',b,z_level=2)
line.extend_axis(
        yaxis=opts.AxisOpts(
            name="累积比例",
            type_="value",
            min_=0,
            max_=1,
            position="right",
            axisline_opts=opts.AxisLineOpts(
                linestyle_opts=opts.LineStyleOpts(color="#ba5c25")
            )

        )
    )
line.set_global_opts(yaxis_opts=opts.AxisOpts(position="right"),legend_opts=opts.LegendOpts(pos_left='120px'))
grid=pyecharts.charts.Grid()
grid.add(bar,grid_opts=opts.GridOpts(pos_right="18%"))
grid.add(line,grid_opts=opts.GridOpts(pos_right="18%"))
grid.render_notebook()
代码语言:javascript
复制
tab = pyecharts.charts.Tab()
bar1=pyecharts.charts.Bar()
bar1.add_xaxis(list(df['x']))
bar1.add_yaxis('y',list(df['y']),color='#1eafae')
bar2=pyecharts.charts.Bar()
bar2.add_xaxis(list(df['x']))
bar2.add_yaxis('z',list(df['z']),color='#ba5c25')        
tab.add(bar1, "bar-example1")
tab.add(bar2, "bar2")
tab.render_notebook()

pyecharts切换tab交互示例

总结

无论是从图表丰富性还是学习曲线角度看,pyecharts都是排名前列的可视化库。pyecharts上手很简单,文档很详细,有各种个性化需求时,通过查阅pyecharts的文档和echarts的文档基本都能得到解决,因此大家喜欢用也就不足为奇。pyecharts做的是从Python对象向JavaScript的转换,echarts支持的图表太丰富了,不一定需要一个个图表类型去看参数,有具体需求时边查文档边实现是更好的选择。

References

[1] 官方文档: https://pyecharts.org/#/zh-cn/global_options

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-11-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 蛰虫始航 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • pyecharts简介
    • 代码框架与配置项
      • 翻转XY轴
        • 饼图
        • 关系图及数据特点
          • 节点表与边表
            • 桑吉图
            • 复合图表
            • 总结
            • References
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档