用?Pyecharts?制作炫酷的可視化大屏
時(shí)間：2021-10-20 16:16:35
手機(jī)看文章
掃描二維碼
隨時(shí)隨地手機(jī)看文章
[導(dǎo)讀]作者|俊欣來(lái)源|關(guān)于數(shù)據(jù)分析與可視化前兩篇Pyecharts的文章來(lái)幫我們簡(jiǎn)單的梳理了一下可以用Pyecharts來(lái)繪制哪些圖表之后，本篇文章我們用pyecharts里面的一些組件，將繪制的圖表都組合起來(lái)首先Grid組件首先介紹Pyecharts模塊當(dāng)中的Grid組件，使用Gri...
作者 | 俊欣來(lái)源 | 關(guān)于數(shù)據(jù)分析與可視化前兩篇Pyecharts的文章來(lái)幫我們簡(jiǎn)單的梳理了一下可以用Pyecharts來(lái)繪制哪些圖表之后，本篇文章我們用pyecharts里面的一些組件，將繪制的圖表都組合起來(lái)
首先Grid組件首先介紹Pyecharts模塊當(dāng)中的Grid組件，使用Grid組件可以很好地將多張圖無(wú)論是上下組合還是左右組合，都能夠很好地拼接起來(lái)，我們先來(lái)看第一個(gè)例子
grid = ( Grid() .add(bar, grid_opts=opts.GridOpts(pos_bottom="60%")) .add(line, grid_opts=opts.GridOpts(pos_top="50%")) .render("水平組合圖_test.html"))
grid = ( Grid() .add(bar, grid_opts=opts.GridOpts(pos_left="60%")) .add(line, grid_opts=opts.GridOpts(pos_right="50%")) .render("垂直組合圖_test.html"))
map = ( Map() .add("商家1", [list(z) for z in zip(Faker.provinces, Faker.values())], "china") .set_global_opts(title_opts=opts.TitleOpts(title="地圖-基本示例")))
grid = ( Grid() .add(bar, grid_opts=opts.GridOpts(pos_top="50%", pos_right="75%")) .add(map, grid_opts=opts.GridOpts(pos_left="60%")) .render("地圖 直方圖.html"))
再談Overlap組件英文單詞“overlap”的意思是重疊，那么放在這里，也就指的是可以將多張圖合并成一張，那么該怎么結(jié)合才好呢？我們來(lái)看一下下面這個(gè)例子，我們將直方圖和折線圖通過(guò)overlap組件組合到一起
bar = ( Bar() .add_xaxis(Faker.provinces) .add_yaxis("商家A", v1) .add_yaxis("商家B", v2) .extend_axis( yaxis=opts.AxisOpts( axislabel_opts=opts.LabelOpts(formatter="{value} 個(gè)"), interval=20 ) ) .set_series_opts(label_opts=opts.LabelOpts(is_show=False)) .set_global_opts( title_opts=opts.TitleOpts(title="Overlap-bar line"), yaxis_opts=opts.AxisOpts(axislabel_opts=opts.LabelOpts(formatter="{value} 個(gè)")), ))
line = Line().add_xaxis(Faker.provinces).add_yaxis("商家C", v3, yaxis_index=1)bar.overlap(line)bar.render("直方圖 折線圖Overlap.html")
Grid組件 Overlap組件相結(jié)合我們也可以將上面提高的兩個(gè)組件結(jié)合起來(lái)使用，以此來(lái)繪制多條Y軸的直方圖圖表，代碼如下
bar.overlap(line)grid = Grid()grid.add(bar, opts.GridOpts(pos_left="5%", pos_right="20%"), is_control_axis_index=True)grid.render("test.html")
分頁(yè)組件Tab我們?cè)谟肞yecharts繪制了多張圖表之后，可以直接Tab組件將多張圖表連起來(lái)，一頁(yè)放一張圖表，具體看下面的例子和代碼，
def line_markpoint() -> Line: c = ( Line() .add_xaxis(Faker.choose()) .add_yaxis( "商家A", Faker.values(), markpoint_opts=opts.MarkPointOpts(data=[opts.MarkPointItem(type_="min")]), ) .set_global_opts(title_opts=opts.TitleOpts(title="折線圖")) ) return c
def pie_rosetype() -> Pie: v = Faker.choose() c = ( Pie() .add( "", [list(z) for z in zip(v, Faker.values())], radius=["30%", "75%"], center=["25%", "50%"], rosetype="radius", label_opts=opts.LabelOpts(is_show=False), ) .set_global_opts(title_opts=opts.TitleOpts(title="餅圖-玫瑰圖示例")) ) return c tab = Tab()tab.add(bar_datazoom_slider(), "直方圖")tab.add(line_markpoint(), "折線圖")tab.add(pie_rosetype(), "餅圖")tab.render("tab_base.html")
最后是Page組件和上面Tab組件不一樣的是，Tab組件是一頁(yè)放一張圖表，有幾張圖表就分成幾頁(yè)，而Page組件則是將繪制完成的多張圖表統(tǒng)統(tǒng)放在一張頁(yè)面里面，代碼的改動(dòng)上面也十分的簡(jiǎn)單，只要將上面代碼的Tab部分改成Page()即可，如下
def line_markpoint() -> Line: c = ( Line() .add_xaxis(Faker.choose()) .add_yaxis( "商家A", Faker.values(), markpoint_opts=opts.MarkPointOpts(data=[opts.MarkPointItem(type_="min")]), ) .set_global_opts(title_opts=opts.TitleOpts(title="折線圖")) ) return c
def pie_rosetype() -> Pie: v = Faker.choose() c = ( Pie() .add( "", [list(z) for z in zip(v, Faker.values())], radius=["30%", "75%"], center=["25%", "50%"], rosetype="radius", label_opts=opts.LabelOpts(is_show=False), ) .set_global_opts(title_opts=opts.TitleOpts(title="餅圖-玫瑰圖示例")) ) return c page = Page(layout=Page.SimplePageLayout)page.add( bar_datazoom_slider(), line_markpoint(), pie_rosetype(),)page.render("page_simple_layout.html")
下載文檔
