Python實現(xiàn)數(shù)據(jù)可視化大屏布局的示例詳解

更新時間：2022年11月25日 14:41:23 作者：Sir?老王

數(shù)據(jù)可視化大屏展示需求無疑是對數(shù)據(jù)分析結(jié)果最好的詮釋，能夠使得別人能夠輕松的就理解我們的數(shù)據(jù)意圖。本文將通過pyecharts模塊來實現(xiàn)，感興趣的可以了解一下

數(shù)據(jù)可視化大屏展示需求無疑是對數(shù)據(jù)分析結(jié)果最好的詮釋，能夠使得別人能夠輕松的就理解我們的數(shù)據(jù)意圖。

之前我們可視化的展示過程中已經(jīng)使用幾種比較優(yōu)秀的python數(shù)據(jù)可視化應用模塊，有興趣的朋友可以前往歷史文章中搜索相應的實戰(zhàn)案例。

今天所說的數(shù)據(jù)可視化的大屏展示是通過pyecharts模塊來實現(xiàn)的，由于其本身生成的就是html的代碼塊，這一點非常有利于我們對大屏實現(xiàn)的要求。

若是沒有安裝pyecharts非標準庫的朋友可以使用pip的方式安裝一下即可。

pip?install?pyecharts?-i?https://pypi.tuna.tsinghua.edu.cn/simple/

完事兒之后，我們將所有需要使用到的python模塊全部導入到我們的代碼塊中。

#?Importing?the?options?module?from?the?pyecharts?package?and?renaming?it?to?opts.
from?pyecharts?import?options?as?opts

#?Importing?the?Bar?and?Scatter3D?classes?from?the?pyecharts.charts?module.
from?pyecharts.charts?import?Bar,?Scatter3D

#?Importing?the?random?module.
import?random

為了展示大屏的布局效果，我們分別實現(xiàn)了柱狀圖、3D數(shù)據(jù)圖的展示效果從而在大屏中進行展示。

若是想要加入線形圖、餅圖等其他類型的可視化圖形，我們可以直接在大屏布局中進行自由添加。

開發(fā)一個函數(shù)bar()，用來畫出柱狀圖的顯示效果，并返回柱狀圖對象。

def?bar():
????"""
????It?does?nothing.
????"""
????cate?=?['1月',?'2月',?'3月',?'4月',?'5月',?'6月']
????bar_?=?(
????????Bar()
????????????.add_xaxis(cate)
????????????.add_yaxis("生產(chǎn)量",?[random.randint(1000,?3000)?for?_?in?cate])
????????????.add_yaxis("銷售量",?[random.randint(1200,?2800)?for?_?in?cate])
????????????.set_global_opts(title_opts=opts.TitleOpts(title="2022年訂單生產(chǎn)與銷售"))
????)
????return?bar_

開發(fā)一個函數(shù)scatter_3d()，用來畫出3D的顯示效果，并返回3D圖對象。

def?scatter_3d():
????"""
????>?This?function?takes?in?a?list?of?x,?y,?and?z?coordinates?and?plots?them?in?a?3D?scatter?plot
????"""
????data?=?[(random.randint(100,?200),?random.randint(100,?200),?random.randint(100,?200))?for?_?in?range(60)]
????scatter_?=?(Scatter3D()
????????.add("",?data)
????????.set_global_opts(
????????title_opts=opts.TitleOpts(title="3D數(shù)據(jù)隨機分布圖"))
????)
????return?scatter_

開發(fā)完兩個圖形繪制的函數(shù)之后，我們需要將其展示到頁面中，這里采用pyechaerts模塊頁面組件Page對象。

#?Importing?the?Page?class?from?the?pyecharts.charts?module.
from?pyecharts.charts?import?Page

#?Creating?a?page?object?with?a?simple?page?layout.
page?=?Page(layout=Page.SimplePageLayout)
page.add(
????bar(),
????scatter_3d(),
)
page.render("數(shù)據(jù)中心.html")

通過上面的操作已經(jīng)完成了頁面的圖形繪制，并且生成了html的源代碼，只需要將.html的文件拖到瀏覽器中即可查看大屏的可視化效果。

接下來為了使可視化的數(shù)據(jù)展示的更加的美觀，我們可以使用bs4模塊的BeautifulSoup對象初始化html對象后修改背景展示效果。

#?Importing?the?BeautifulSoup?class?from?the?bs4?module.
from?bs4?import?BeautifulSoup


with?open("數(shù)據(jù)中心.html",?"r+",?encoding='utf-8')?as?h:
????html_?=?BeautifulSoup(h,?'lxml')
????body?=?html_.find("body")
????body["style"]?=?"background-image:?url(背景.jpeg);background-repeat:?no-repeat;background-size:cover;"
????html_new?=?str(html_)
????h.seek(0,?0)
????h.truncate()
????h.write(html_new)

找一張自己能看順眼的高清背景圖，將下面這行代碼塊中的背景圖替換成自己的背景圖片路徑即可。