看板样式

发布时间：2023-06-06 作者：admin 来源：文学

看板样式

台州的读音-农业文明

2023年2月19日发(作者：评课稿模板)

python做项⽬看板_基于pyecharts搭建BI看板

在⽤EXCEL搭建起BI看板DEMO版后，我⼜尝试⽤Pyecharts对其进⾏了升级，最终呈现数据更直观、维度更细，⽼⼤看着也更满意了。

⽤EXCEL搭建的看板

升级后的BI看板

⼀、思路梳理

先看⾃⼰需要哪些图表，便导⼊对应的模块包；然后再导⼊page包，添加各图表于画布中，同时修改其在画布的位置，最终产出⼀份BI看

板。

出于业务隐私考虑，此处均罗列测试数据。

⼆、操作要领

1、导⼊需要⽤到的包，同时定义画布

frompyechartsimportPie,Bar,Gauge,Line,Liquid,Page

importosasos

frombs4importBeautifulSoup

page=Page()

2、各⼦图绘制

各类图表的参数介绍，在此不作赘述。

2.1、饼图绘制

pie_1=Pie("pie_1",)

pie_("",['业务员A','业务员B','业务员C','业务员D'],[100,200,300,400],is_label_show=True)

_chart(pie_1,name="pie_1")#BI看板的重要步骤，将图表添加到画布中，下同。

2.2、柱状图绘制

bar_1=Bar("bar_1",)

bar_("活跃数",['江西','湖南','湖北','⼴东'],[190,260,420,570],is_label_show=True)

_chart(bar_1,name="bar_1")

2.3、仪表盘绘制

gauge_1=Gauge("指标A完成度%")

gauge_("","完成度%",34.2)#此处需注意，如果欲展⽰的数值为34.2%，那么填写百分位前的数字即可。

_chart(gauge_1,name="gauge_1")

2.4、折线图绘制

line_1=Line("每天A业务增长",title_top="0%")

line_("",['01.01','01.02','01.03','01.04','01.05'],[10,25,32,27,59],mark_point=["max","min"],mark_line=["average"])

_chart(line_1,name="line_1")

2.5、⽔滴球绘制

lq_1=Liquid("业务A")

lq_("Liquid",[0.321,0.5,0.2],is_liquid_outline_show=False,is_liquid_animation=True)#此处需要注意，假使欲展⽰的数值

为32.1%,那么此处需要转换成对应的⼩数，与仪表盘不太⼀样。

_chart(lq_1,name="lq_1")

3、设定画布参数

假设最终按照上述⽅法，分别绘制了⼀个饼图、⼀个柱形图、三个饼图、五个折线图、五个⽔滴球，⼀共15个图表，于是我们在画布上相

应创建15个盒⼦/模型，通过设置各盒⼦的位置、⼤⼩，进⽽实现对添加到画布中的图表进⾏排版，实现最终的BI看板。

3.1参数介绍：

width:宽度；

height:⾼度；

top:距顶端的位置；

left:距最左端的位置；

border-style:边框样式；

border-color:边框颜⾊；

border-bottom-width:底端边框线的宽度，设置为0即为不显⽰，通过修改此参数，可以将属于同⼀维度的图表⽤⼀个共同的框线给包括，

更显美观。

border-top-width、border-left-width、border-right-width：分别是顶端框线宽度、左端框线宽度、右端框线的宽度。

div_title="

******：此处需根据最终整个画布的⼤⼩，设置标题的宽度，进⽽使标题呈现居中效果。

("BI看板")

withopen((h("."),"BI看板"),'r+',encoding="utf8")ashtml:#返回链接的路径，并加⼊os的路径，

同时打开

html_bf=BeautifulSoup(html,"lxml")#创建beautifulsoup对象，BeautifulSoup是python的⼀个库，最主要的功能是从⽹页抓取数据

divs=html__all("div")#find_all()找到所有匹配结果出现的地⽅，找到所有匹配div的地⽅

divs[0]["style"]="width:600px;height:350px;position:absolute;top:70px;left:0px;border-style:solid;border-