前兩天，有個(gè)小伙伴甩了一張圖（晒髌基圖）藏雏，問有沒有知道怎么做。
那張勺骰停基圖差不多是下面這個(gè)樣子：
乍一看掘殴，好像也挺簡單的，用編輯頂點(diǎn)的方法是不是也能搞粟誓？
但編輯頂點(diǎn)作圖畢竟不太嚴(yán)謹(jǐn)規(guī)范奏寨，這種解決方案，明顯與我深度專(zhuang)研(bi)的定位不符鹰服！
于是病瞳，我偷偷的去百度以及谷歌了一下關(guān)鍵詞：桑基圖 PPT
看了整整一晚上悲酷，沒想到套菜，目前網(wǎng)上居然沒有一篇用 PPT 做桑基圖的教程设易。
沒辦法逗柴，只能硬著頭皮自己上了，我自己琢磨琢磨寫一篇吧顿肺！
重要提示：這是一篇進(jìn)階型教程戏溺，關(guān)于什么是桑基圖以及赏雷穑基圖用在哪般堆，自行搜索了解啊央，本文只介紹技術(shù)原理以及實(shí)現(xiàn)方法，內(nèi)容很干达箍，自己帶水...
內(nèi)容很干晰搀，不要跳讀玩郊！
內(nèi)容很干害幅，一定要?jiǎng)邮郑?/span>
內(nèi)容很干忌警，看不懂多讀幾遍！
手把手教程開始
首先掺炭，在 PPT 中插入一個(gè)百分比堆積柱狀圖，數(shù)據(jù)和結(jié)果如下圖：
我們選中圖表中的坐標(biāo)軸等不必要元素凭戴，全部刪除涧狮，只保留中間的柱狀圖。
選中圖表，剪切者冤，粘貼為增強(qiáng)型圖元文件：
取消組合后肤视，得到下圖的多個(gè)矩形，比例與堆積柱狀圖的比例一致涉枫。
我們把整個(gè)組合反轉(zhuǎn)過來邢滑，讓矩形高度更大的在上面：
接下來，使用 OKPlus 插件的快捷腦圖功能：
鼠標(biāo)點(diǎn)擊一下愿汰，插入一個(gè)腦圖結(jié)構(gòu)（這個(gè)功能是用來做思維導(dǎo)圖的）
選中自動(dòng)生成的兩個(gè)圓角矩形困后，把高度壓縮一下。
參考左側(cè)的數(shù)據(jù)圖衬廷，把腦圖結(jié)構(gòu)向下復(fù)制多份摇予，并填充相同的顏色。
全選所有圓角矩形吗跋，把形狀的邊框線設(shè)置為無：
保持全選侧戴，使用 OneKey 插件（以下簡稱 OK 插件）的控點(diǎn)工具，把控點(diǎn)數(shù)據(jù)批量改為 0
得到的結(jié)果如下圖跌宛，所有的圓角矩形都變成了直角的矩形酗宋。
先選中左側(cè)參考的矩形，再依次點(diǎn)選右側(cè)的兩個(gè)矩形疆拘，找到 OK 插件的尺寸遞進(jìn)功能蜕猫，按住 Shift 點(diǎn)擊相同大小：
這時(shí)候右側(cè)兩個(gè)矩形的高度入问，就和左側(cè)選中的矩形高度一致了丹锹。
通過這種方法，我們把右側(cè)的所有矩形芬失，依次修改為左側(cè)參考的高度楣黍。
因?yàn)榫匦胃叨炔煌兄丿B的部分棱烂，看起來不夠直觀租漂。
我們?nèi)x所有矩形，使用 iSlide 插件設(shè)計(jì)工具中的向上吸附功能：
得到的結(jié)果如下圖颊糜，所有的矩形上下銜接對(duì)齊哩治。
依舊全選所有的矩形，按住 Ctrl+Shift 壓縮矩形的寬度：
按住 Shift 不放衬鱼，把右側(cè)的第一個(gè)矩形垂直向上移動(dòng)一定距離业筏。
中間的連接線會(huì)自動(dòng)變化，我們只管矩形的位置即可鸟赫，連接線咱們不用管蒜胖。
全選右側(cè)的矩形消别，使用對(duì)齊中的縱向分布：
右側(cè)矩形之間的間距就變成一樣了，得到的結(jié)果如下圖：
我們現(xiàn)在可以把左側(cè)的參考刪掉了台谢，復(fù)制一個(gè)腦圖結(jié)構(gòu)放到左側(cè)寻狂。
把中間的連接線刪掉，保留兩個(gè)矩形朋沮。
選中左側(cè)的兩個(gè)矩形蛇券，使用 LvyhTools（以下簡稱英豪插件），點(diǎn)擊添加形狀-選擇連線功能：
插件會(huì)在兩個(gè)矩形的中心點(diǎn)之間樊拓，自動(dòng)生成一個(gè)線條形狀纠亚。
選中生成的線條形狀，點(diǎn)擊 OK 插件中的分割線-二等分線功能：
會(huì)自動(dòng)在中間生成橫縱兩條輔助線骑脱，為了看起來更明顯菜枷，我把背景改成深色：
之后，編輯頂點(diǎn)叁丧，把兩個(gè)頂點(diǎn)的控制手柄都拖到參考線的位置啤誊。
編輯完成后，可以得到一個(gè)順滑的曲線：
把參考線刪掉拥娄，背景改回淺色：
把所有的腦圖結(jié)構(gòu)組合后蚊锹，逆時(shí)針旋轉(zhuǎn) 90 度，得到下圖的結(jié)果：
接下來的操作稚瘾，很關(guān)鍵牡昆！
先框選右側(cè)所有的肘形連接線，再按住 Ctrl 點(diǎn)選左下角的曲線摊欠，使用 OK 插件的輔助功能-批量替換中的形換形功能：
可以一件把所有的連接線換成曲線丢烘，記住這一步，非常關(guān)鍵些椒！
現(xiàn)在播瞳，可以把左下角的參考輔助圖形刪掉了，把整體移動(dòng)到頁面中下部的位置：
選中第一個(gè)矩形免糕，在形狀格式選項(xiàng)卡中赢乓，復(fù)制矩形的高度。
選中第一條曲線石窑，打開格式設(shè)置牌芋，把剛才復(fù)制的高度數(shù)值，直接粘貼到線寬里面即可松逊，得到下圖：
同樣的操作躺屁，依次把所有線條的寬度修改完成：
修改線條顏色為淺灰色：
把第一個(gè)線條形狀改個(gè)顏色，再把底部的矩形都改為淺灰色：
在上方加一些小三角形打輔助：
把文字內(nèi)容給加上经宏，這張好看的上睿基圖就完成啦熄捍！
你可能會(huì)覺得，哇好麻煩啊母怜，這是因?yàn)槲野阉械牟襟E拆解的非常細(xì)，方便大家跟著做缚柏，才看起來篇幅比較長苹熏。
實(shí)際動(dòng)手作圖的時(shí)候，如果你熟悉了制作原理币喧，用 PPT 做晒煊颍基圖是非常快的杀餐。
而且干发，用 PPT 做好的圖，我們可以根據(jù)自己的需要任意編輯修改史翘，自由度更高枉长。
到這里，用 PPT 制作汕矸恚基圖的原理與操作必峰，基礎(chǔ)用法就講完了。
如果你覺得以上的內(nèi)容還能消化钻蹬，那咱們繼續(xù)吼蚁，開始進(jìn)階版內(nèi)容！
進(jìn)階版內(nèi)容開始
先拓展一下问欠，前面用 OK 插件把連接線都換成曲線肝匆，在其他插件中也有類似的功能顺献。
iSlide 設(shè)計(jì)工具中旗国，有個(gè)功能叫交換位置。
小頑簡報(bào)插件萝招，則在對(duì)象-統(tǒng)一里面蚂斤，同樣是叫交換位置，按住 Shift 點(diǎn)擊這個(gè)功能槐沼，可以打開對(duì)應(yīng)的設(shè)置窗口曙蒸。
友情提示：接下來的教程捌治，提到的各項(xiàng)插件的功能，需要自己去對(duì)應(yīng)使用纽窟，我就不挨個(gè)截圖了肖油，下面只講關(guān)鍵的操作步驟。
首先臂港，通過 OKPlus 的腦圖功能森枪，做出下圖：
把曲線放到頁面中作為輔助形狀，可以通過復(fù)制-反轉(zhuǎn)得到反方向的曲線审孽。
再通過 OK 插件批量形換形县袱，得到下圖的效果：
依次修改曲線的線寬，以及線條的顏色與透明度佑力。
再繪制幾個(gè)圓形式散，設(shè)置不同的填充、線條以及陰影效果：
把文案加上打颤，就得到另一個(gè)不錯(cuò)的 8 項(xiàng)圖示：
接下來暴拄，再使用 iSlide 插件的補(bǔ)間功能，以及英豪插件的沿線分布功能编饺，可以做出下圖：
這里如果看不懂揍移，可以翻一下以前的兩篇教程，里面有原理與操作步驟：
我想造1000個(gè)半調(diào)粒子素材反肋，這些方法不敢私藏那伐！
PPT大神都不知道的騷操作，居然一次性教你6個(gè)石蔗！
同樣的方法罕邀，我們換一下方向，還能做出這樣的效果：
接下來养距，把之前的曲線都改成淺灰色诉探，壓縮腦圖結(jié)構(gòu)的高度，通過 OK 插件的批量復(fù)制棍厌，以及對(duì)齊中的縱向分布肾胯，我們來做另一個(gè)效果。
刪掉腦圖結(jié)構(gòu)中的矩形耘纱，只保留所有的連接線：
再使用 OK 插件批量形換形敬肚，把所有的連接線換成曲線。
全選所有曲線束析，把線條的寬度加大一些艳馒，改個(gè)顏色：
再用同樣的方法，依次把其他曲線做出來：
通過這種方法，我們就可以做出各種粗細(xì)變化的膳浚基圖了第美。
咱們加上文案內(nèi)容，看一看做出的效果：
同樣陆爽，我們修改所有曲線的寬度什往，設(shè)置線條的漸變參數(shù)，也可以得到這樣的效果：
要是我們把所有的曲線組合到一起慌闭，使用口袋動(dòng)畫插件的矢量素描功能恶守，還能快速把曲線面積轉(zhuǎn)為形狀。
那么贡必，我們就可以給它們?cè)O(shè)置紋理填充效果：
再換個(gè)玩法，把這些形狀都填充淺灰色：
通過 iSlide 的補(bǔ)間功能庸毫，以及 OK 插件的批量原位復(fù)制功能仔拟，做出超多大小、顏色變化的小圓飒赃。
再使用英豪插件位置分布中的內(nèi)部分布功能利花，可以得到下圖：
我們?cè)谠瓐D示上操作，就是這樣的：
接下來载佳，使用英豪插件特殊選擇-擴(kuò)域保留功能炒事，得到下圖：
同樣的方法步驟，依次把其他 7 個(gè)曲線的效果做出來：
做完后蔫慧，發(fā)現(xiàn)點(diǎn)陣好像有點(diǎn)太密集了挠乳，我們?cè)偈褂?OK 插件中的特殊選中-按尺寸選中，把一些較大的圓形給刪掉姑躲。
刪掉一些較大的圓形后睡扬，給形狀設(shè)置一定的透明度漸變，整體效果是不是還不錯(cuò)黍析？
再深入一些卖怜，咱們還可以全選所有圓形，批量更改形狀為三角形阐枣，變成這樣：
公眾號(hào)對(duì)圖片有壓縮马靠，大家可以放大看看效果。
如果到這里你還能跟上進(jìn)度蔼两，那說明你的基礎(chǔ)真的很好甩鳄，是高手無疑了！
咱們繼續(xù)拓展發(fā)散~
先通過 OKPlus 插入腦圖额划，得到下面的效果：
批量形換形之后娩贷，修改曲線的顏色：
增加文案內(nèi)容，完善一下細(xì)節(jié)锁孟，就可以做出這樣的高端圖表：
思路不停彬祖，接著發(fā)散~
先繪制高度不同的兩個(gè)矩形茁瘦，再用 iSlide 插件的補(bǔ)間功能，得到下圖：
之后用英豪插件的內(nèi)部隨機(jī)分布：
全選储笑，底端對(duì)齊后甜熔，橫向分布：
繪制一個(gè)凸起的形狀，用 OK 插件批量形換形：
感覺有點(diǎn)太高了突倍，咱們壓縮一下整體的高度腔稀。
再通過 iSlide 補(bǔ)間，得到大小變化的多個(gè)圓形：
控制黑色矩形的高度羽历，讓它只占據(jù)頁面的偏上位置焊虏。
使用英豪插件的內(nèi)部隨機(jī)分布，把圓形分布到頁面上部：
可以用 OK 插件隨機(jī)選中后修改顏色秕磷，也可以手動(dòng)選中圓形修改顏色诵闭。
需要注意，如果這里是比較嚴(yán)謹(jǐn)?shù)臄?shù)據(jù)圖澎嚣，則可以用氣泡圖來得到相應(yīng)的圓形疏尿。
我們把之前做好的凸起部分，復(fù)制到這個(gè)頁面中：
修改下方凸起形狀的顏色易桃，再使用英豪插件的選擇連線功能褥琐，依次連線：
用之前教的方法，得到垂直方向的曲線形狀：
再使用 OK 插件的批量形換形功能晤郑，把所有的直線換成曲線：
給所有的圓形以及曲線添加透明度：
最后敌呈，簡單加個(gè)標(biāo)題，搞定造寝！
到這里驱富，用 PPT 制作桑基圖的基礎(chǔ)與進(jìn)階操作匹舞，就全都教給你了褐鸥。
如果你一下子沒看明白，也很正常赐稽，這涉及到多個(gè)插件的組合運(yùn)用叫榕，上手多試幾遍就熟練了。
至于文中提到的這些 PPT 插件姊舵，在咱們的網(wǎng)站（AboutPPT）都有收錄整合晰绎，沒用過的話可以去嘗試一下：
網(wǎng)址：https://www.aboutppt.com/favorites/fuzhuchajian
用插件來制作，相比手動(dòng)繪圖括丁，要更加快速也更加準(zhǔn)確荞下。
如果你對(duì)桑基圖的效果沒有太高要求，不需要做出各種炫酷的效果尖昏，也可以嘗試使用其他工具：
01. 使用 Excel 的折線圖與散點(diǎn)圖制作仰税，效果很一般，過度不自然抽诉。
02. 使用花火陨簇、RAWGraphs 或 ECharts 等在線圖表工具，輸入數(shù)據(jù)生成杉Ｌ剩基圖河绽，格式固定樣式不易修改，可以導(dǎo)出 svg 矢量格式唉窃。
03. 使用 PowerBI 與在線應(yīng)用生成耙饰，可以編輯修改數(shù)據(jù)，但是應(yīng)用插入到 PPT 中貌似要收費(fèi)纹份。
04. 使用 Excel 插件 tusimpleBI 生成晒豆颍基圖，但是需要旗艦版才能使用矮嫉，按年訂閱，如果只是做呻故瑁基圖的話不便宜蠢笋。
05. 使用編程的方式生成，或者用 AI 等矢量繪圖工具繪制鳞陨，相信你應(yīng)該不會(huì)采用這些方法昨寞，是吧？
上面提到的這些工具厦滤，網(wǎng)上都可以找到對(duì)應(yīng)的操作教程援岩，這里我就不逐個(gè)講解了，感興趣可以自行搜索學(xué)習(xí)掏导。
以上享怀，就是今天分享的全部內(nèi)容，希望對(duì)你有所啟發(fā)~
這篇教程從找資料到思考解決方法趟咆，再到理清邏輯制作案例添瓷，最后形成詳細(xì)的圖文教程，實(shí)際上用了不止一天時(shí)間值纱，個(gè)人覺得真的很干貨很實(shí)用鳞贷。
如果可以的話，期待你的三連與分享虐唠，愛你搀愧！
