日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無(wú)先后，達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

一文速學(xué)Python+Pyecharts繪制樹(shù)形圖_python

作者：fanstuck ? 更新時(shí)間： 2023-05-17 編程語(yǔ)言

前言

之前寫(xiě)pandas和matplotlib的時(shí)候說(shuō)到了想要出一期Pyechart系列數(shù)據(jù)可視化的文章。比起matplotlib，pyeacharts的圖表要豐富而且好看，這取決于它是基于百度團(tuán)隊(duì)使用Javascript開(kāi)發(fā)的商業(yè)級(jí)數(shù)據(jù)圖表。而且pyechart文檔全，便于開(kāi)發(fā)和閱讀文檔，熟練掌握后是一種非常好用的數(shù)據(jù)可視化的工具之一。當(dāng)然相比pandas的plot代碼會(huì)繁瑣一些，其中一些操作類方法也是比較復(fù)雜的，需要對(duì)其有個(gè)大概的掌握才能作出滿意的圖表。

在我之前的文章中也有好幾次使用到了pyechart方法，但是我覺(jué)得既然是完成一些數(shù)據(jù)可視化的操作應(yīng)該就要快速可呈現(xiàn)，作為數(shù)據(jù)處理能夠得到解析出想要的數(shù)據(jù)就足夠了，如果有個(gè)業(yè)務(wù)小組完全可以將這一部分交給前端去渲染就好了，主要還是快速出圖表給我們自己看，用于調(diào)整代碼而已。那么廢話不多說(shuō)了開(kāi)始吧！

一、Tree樹(shù)圖

pyecharts只能說(shuō)不愧是國(guó)人開(kāi)發(fā)，文檔真的給力，不用再去啃生肉那么痛苦了。很多詳細(xì)的參數(shù)看開(kāi)發(fā)文檔就可以看明白：pyecharts - A Python Echarts Plotting Library built with love.

我們來(lái)看它給出的基礎(chǔ)例圖：

from pyecharts import options as opts
from pyecharts.charts import Tree
 
 
data = [
    {
        "children": [
            {"name": "B"},
            {
                "children": [{"children": [{"name": "I"}], "name": "E"}, {"name": "F"}],
                "name": "C",
            },
            {
                "children": [
                    {"children": [{"name": "J"}, {"name": "K"}], "name": "G"},
                    {"name": "H"},
                ],
                "name": "D",
            },
        ],
        "name": "A",
    }
]
c = (
    Tree()
    .add("", data)
    .set_global_opts(title_opts=opts.TitleOpts(title="Tree-基本示例"))
    .render("tree_base.html")
)

此代碼會(huì)生成一個(gè)網(wǎng)頁(yè)：

看對(duì)應(yīng)的前端源代碼：

<!DOCTYPE HTML>
<html>
 
<head>
  <meta charset="utf-8">
  <title>tree_base.html</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
 
<body>
  <style type="text/css">
    html, body, #container {
      height: 100%;
    }
    body, #container {
      overflow: hidden;
      margin: 0;
    }
    #iframe {
      width: 100%;
      height: 100%;
      border: none;
    }
  </style>
  <div id="container">
    <iframe id="iframe" sandbox="allow-scripts" src="/files/Hivesqlblood/tree_base.html"></iframe>
  </div>
</body>
 
</html>

sandbox="allow-scripts"允許添加腳本執(zhí)行，也就是將我們編寫(xiě)的python轉(zhuǎn)換為了js腳本，通過(guò)代碼輸入端口獲取echart的配置：

如果不想生成網(wǎng)頁(yè)將render("tree_base.html")改為render_notebook()即可。

樹(shù)形圖有很多種使用場(chǎng)景，比如事件的從屬關(guān)系，

這里更主要的是數(shù)據(jù)處理板塊，如果我們僅想要將一行列表數(shù)據(jù)轉(zhuǎn)換為樹(shù)形圖數(shù)據(jù)結(jié)構(gòu)該如何處理。

二、數(shù)據(jù)處理

我們拿到展示數(shù)據(jù)結(jié)構(gòu)為：

[    {        "children": [            {"name": "B"},            {                "children": [{"children": [{"name": "I"}], "name": "E"}, {"name": "F"}],
                "name": "C",
            },
            {
                "children": [
                    {"children": [{"name": "J"}, {"name": "K"}], "name": "G"},
                    {"name": "H"},
                ],
                "name": "D",
            },
        ],
        "name": "A",
    }
]

也就是結(jié)構(gòu)為 [{"children":[{"name": "B"},{"name": "B"}] ,"name": "temp"}]的類型，我們需要將將數(shù)據(jù)轉(zhuǎn)換為這個(gè)格式數(shù)據(jù)，就以通用的list來(lái)說(shuō)，如果用樹(shù)圖來(lái)表示的話肯定是有一節(jié)點(diǎn)為根節(jié)點(diǎn)，一部分節(jié)點(diǎn)為子節(jié)點(diǎn)。就以一個(gè)list來(lái)說(shuō)：

list_1=['temp_road_check_20220902', 'dws_crowdsourcing_cs_order_link_mysql', 'track_point_traffic_dev_tk_track_traffic_info_offline']

第一個(gè)節(jié)點(diǎn)為根節(jié)點(diǎn)，其余為子節(jié)點(diǎn)。那么我們就可以進(jìn)行這樣分裝：

list_1=['temp_road_check_20220902', 'dws_crowdsourcing_cs_order_link_mysql', 'track_point_traffic_dev_tk_track_traffic_info_offline']
list_children=[]
for i in range(len(list_1)-1):
    children_dict={"name":list_1[i+1]}
    list_children.append(children_dict)
dict_children={"children":list_children,"name": list_1[0]}
data=[dict_children]

這樣的話就可以形成樹(shù)形圖的格式了：

畫(huà)圖也就為：

最好肯定是使用常態(tài)化的思維去封裝這個(gè)方法，通過(guò)數(shù)據(jù)結(jié)構(gòu)調(diào)整方法。

原文鏈接：https://juejin.cn/post/7158018878327996447

欄目分類
最近更新