ECharts,是遵循Apache-2.0开源协议,可免费商用的商业级数据图表,是百度使用纯Javascript实现的一个图表库。它可以流畅的运行在PC和移动设备上,兼容当前绝大部分浏览器,底层依赖轻量级的Canvas类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。
ECharts涵盖了各行业的图表,满足各种需求,凭借着良好的交互性,精巧的图表设计,得到了众多开发者的认可。Python开发者,对其进行了封装,以此来满足Python程序员开发图表的需求,并命名为Pyecharts。
在Windows、macOS和Ubuntu系统中安装Pyecharts,用pip3 install Pyecharts命令即可,不指定版本号时,默认安装为最新版。
用一个Pyecharts例子,来熟悉它的用法,是一个不错的方法。在用图表之前,需要先通过from pyecharts.charts import Bar引入要使用的图表类型,用from pyecharts import options as opts引入图表配置类;用Bar()声明一个图表对象,用链接的方式添加方法,实现相关功能。用bar.render("bar.html")生成指定的html文件,如果不指定文件名,默认会在当前目录生成 render.html文件。建议你将如下代码当做模板代码。
程序清单:bar.py
from pyecharts import options as opts
from pyecharts.charts import Bar
columns = ["一月", "二月", "三月", "四月", "五月", "六月"]
data1 = [29.56, 30.65, 18.15, 24.21, 35.23, 66.45]
data2 = [89.12, 24.54, 23.54, 58.45, 68.01, 52.55]
data3 = [69.25, 54.32, 21.65, 35.42, 58.05, 64.50]
bar = (
Bar().add_xaxis(columns).add_yaxis("手机", data1).add_yaxis("平板", data2).add_yaxis("电脑", data3).set_global_opts(
# 标题设置
title_opts=opts.TitleOpts(title="2021年上半年销售数据分析",
pos_left="center",
subtitle="西南区域",
title_textstyle_opts=opts.TextStyleOpts(
# color="red",
font_size=16,
# font_family="Times New Roman",
font_weight="bold",
),
subtitle_textstyle_opts=opts.TextStyleOpts(
# color="blue",
font_size=14,
# font_family="Times New Roman",
font_weight="bold",
)),
# 图例设置
legend_opts=opts.LegendOpts(
pos_left="center",
pos_top="12%",
orient="horizontal", # vertical图例放置的方式
textstyle_opts=opts.TextStyleOpts(
font_size=12,
# font_family="Times New Roman",
),
),
xaxis_opts=opts.AxisOpts(
name="月份",
name_location="middle",
name_gap=20,
# x轴名称的格式配置
name_textstyle_opts=opts.TextStyleOpts(
# font_family="Times New Roman",
font_size=14,
),
# 坐标轴刻度配置项
axistick_opts=opts.AxisTickOpts(
# is_show=False, 是否显示
# 刻度线是否在内侧
is_inside=True,
),
# 坐标轴线的配置
axisline_opts=opts.AxisLineOpts(
linestyle_opts=opts.LineStyleOpts(
width=1,
color="black",
)
),
# 坐标轴标签的配置
axislabel_opts=opts.LabelOpts(
font_size=12,
# font_family="Times New Roman",
),
),
yaxis_opts=opts.AxisOpts(
name="销售额(万元)",
name_location="middle",
name_gap=30,
name_textstyle_opts=opts.TextStyleOpts(
# font_family="Times New Roman",
font_size=14,
color="black",
# font_weight="bolder",
),
axistick_opts=opts.AxisTickOpts(
# is_show=False, 是否显示
# 刻度线是否在内侧
is_inside=True,
),
axislabel_opts=opts.LabelOpts(
font_size=12,
# font_family="Times New Roman",
),
),
# 提示框
tooltip_opts=opts.TooltipOpts(
# 是否显示提示框
is_show=True
),
).set_series_opts(
label_opts=opts.LabelOpts(
# position="Top",
font_size=12,
# font_family="Times New Roman",
)
)
)
bar.render("bar.html")
运行程序之后,会生成一个bar.html文件,用浏览器打开,效果如下:
一个图表的配置,往往涉及到坐标轴(X轴和Y轴)、标题、图例和提示框4个方面,在Pyecharts中,它们统一在set_global_opts()里进行设置。
X轴和Y轴,在AxisOpts类中进行配置,常用属性如下表所示:
属性 | 描述 |
is_show | 是否显示坐标轴,False不显示,True(默认)显示; |
name | 坐标轴标签名称; |
name_location | 标签名称的位置,开始位置为”start”,居中可为”middle” 或”center”,尾部为”end”; |
name_gap | 坐标轴名称与轴线之间的距离,默认为15; |
name_rotate | 坐标轴名字旋转,角度值; |
name_textstyle_opts | 坐标轴名称的样式, color指定颜色,font_size指定字体大小等; |
axislabel_opts | 坐标刻度值的调整,color指定颜色,font_size指定字体大小等; |
标题在TitleOpts类中进行配置,常用属性如下表所示:
属性 | 描述 |
title | 主标题文本,支持使用 \n 换行; |
title_link | 主标题文本超链接; |
title_target | 指定窗口打开主标题超链接,'self' 当前窗口打开,'blank' 新窗口打开; |
title_textstyle_opts | 主标题样式调整,color指定样色,font_size指定字体大小等; |
subtitle | 副(子)标题文本超链接; |
subtitle_link | 副标题文本超链接; |
subtitle_target | 指定窗口打开副标题超链接,'self' 当前窗口打开,'blank' 新窗口打开; |
subtitle_textstyle_opts | 子标题样式调整,color指定样色,font_size指定字体大小等; |
pos_left | 值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以指定为'left', 'center', 'right'进行对齐; |
pos_right | 值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,默认自适应; |
pos_top | 值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以指定为 'top', 'middle', 'bottom'进行对齐; |
pos_bottom | 值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,默认自适应; |
padding | 标题内边距,单位px,默认各方向内边距为5,接受数组分别设定上右下左边距; |
item_gap | 主副标题之间的间距。 |
图例在LegendOpts类中进行设置,常用属性如下表所示:
属性 | 描述 |
is_show | 是否显示图例,False不显示,True(默认)显示; |
pos_left | 值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以指定为 'left', 'center', 'right'进行对齐; |
pos_right | 值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,默认自适应; |
pos_top | 值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,也可以指定为 'top', 'middle', 'bottom'进行对齐; |
pos_bottom | 值可以是像 20 这样的具体像素值,可以是像 '20%' 这样相对于容器高宽的百分比,默认自适应; |
orient | 图例列表的布局朝向,横向为horizontal,纵向为vertical; |
align | 图例标记和文本的对齐。根据组件的位置和 orient 决定,当组件的 left 值为 'right' 以及纵向布局(orient 为 'vertical')的时候为右对齐,即为 'right'。值可为'auto'(默认)、'left'或'right'; |
padding | 图例内边距,默认各方向内边距为5,接受数组分别设定上右下左边距; |
item_gap | 图例每项之间的间隔,横向布局时为水平间隔,纵向布局时为纵向间隔。 |
item_width | 图例组件的宽度,默认自适应; |
item_height | 图例组件的高度,默认自适应; |
textstyle_opts | 图例的公用文本样式, color调整文字的颜色,font_size调整文字的字体大小。 |
提示框在TooltipOpts类中进行设置,常用属性如下表所示:
属性 | 描述 |
is_show | 是否显示提示框组件; |
position | 提示框浮层的位置,默认不设置时位置会跟随鼠标的位置; |
formatter | 提示框浮层内容格式器,支持字符串模板和回调函数两种形式; |
textstyle_opts | 提示框浮层的文本样式,用color设置文字的颜色等; |
background_color | 提示框浮层的背景颜色; |
border_color | 提示框浮层的边框颜色; |
border_width | 提示框浮层的边框宽; |
padding | 提示框浮层内边距,默认各方向内边距为5,接受数组分别设定上右下左边距。 |
好了,Pyecharts语法的内容就说到这了,关注我,下一节更精彩。
码字不易,你的关注和转发是对我最大的鼓励,谢谢!
一个当了10年技术总监的老家伙,分享多年的编程经验。想学编程的朋友,关注我,你就赚到了。我正在分享Python、前端、Java和App方面的干货了。赶紧来围观啊!!!