PPT中构建桑基图有四种方法:一是用内置形状与贝塞尔曲线手动绘制,节点宽度和连线粗细按流量比例设置;二是用OKPlus插件批量生成对齐节点与自动映射线宽的流向线;三是导入FineBI导出的SVG图并编辑优化;四是用口袋动画插件通过坐标生成高精度贝塞尔流带并填充渐变色。

一、使用PPT内置形状与连接线手动构建桑基图
该方法不依赖插件,适用于所有版本PPT(含PPT 2026),通过精确控制矩形尺寸与贝塞尔曲线连接线模拟桑基图的流向特征。核心在于保持节点宽度与流量值成比例,并使连接线宽度反映数值大小。
成品ppt在线生成,百种模板可供选择☜☜☜☜☜点击使用;
1、新建空白幻灯片,点击【插入】→【形状】→选择【矩形】,在左侧绘制第一个节点矩形;按住Shift键拖拽以保持正方形比例,随后右键【设置形状格式】→【大小】中手动输入高度值(如300磅),宽度设为固定值(如60磅)。
2、在右侧区域依次绘制多个矩形作为目标节点,各矩形高度按流量数据同比例缩放(例如:若流量比为5:3:2,则对应高度设为300、180、120磅)。
3、点击【插入】→【形状】→【曲线】,在首节点左边缘中点起笔,拖动至目标节点左边缘中点,松开后二次点击调整控制手柄,使曲线平滑过渡;重复此操作绘制全部流向线。
4、选中某条曲线,右键【设置形状格式】→【线条】→勾选【无线条】,再点击【渐变线条】,添加两个色标,将“位置”分别设为0%和100%,对应“宽度”设为依据流量值计算的磅数(如流量100对应6磅,流量60对应3.6磅)。
5、全选所有节点矩形,右键【设置形状格式】→【填充】→选择统一浅灰填充色,并设置【线条】为无轮廓;所有连接线统一应用绿色渐变描边以增强视觉流向感。
二、借助OKPlus插件批量生成桑基结构
OKPlus插件(v7.2+支持PPT 2026)提供“快捷脑图”功能,可快速生成多级对齐节点,再通过控点工具实现桑基图所需的等距分布与垂直吸附效果。
1、确保已安装并启用OKPlus插件,在PPT 2026中点击【OKPlus】选项卡→【快捷脑图】→插入默认双节点结构。
2、选中左侧圆角矩形,复制粘贴生成N个副本,全选后点击【OKPlus】→【控点工具】→【控点数据批量设为0】,使所有圆角矩形转为直角矩形。
3、按住Ctrl键依次单击左侧参考矩形与右侧待调矩形,点击【OKPlus】→【尺寸递进】→【按Shift点击相同大小】,使右侧矩形高度与左侧一致。
4、全选右侧所有矩形,点击【OKPlus】→【向上吸附】,自动对齐底部边缘;再点击【纵向分布】,使矩形间距均匀。
5、使用【OKPlus】→【连接线工具】→【桑基流向线】,框选源节点组与目标节点组,插件自动按数据列生成带宽度映射的贝塞尔连接线,线宽自动绑定Excel表格中的数值列。
三、导入FineBI导出的SVG桑基图嵌入PPT
该方式适用于已有业务系统(如FineBI)生成的专业桑基图,直接复用其数据逻辑与配色方案,避免手工误差,确保流向数值准确无误。
1、在FineBI中完成桑基图配置:将起点字段(如“渠道来源”)、终点字段(如“转化阶段”)、大小字段(如“用户数”)分别拖入对应栏位,并启用【显示节点名称】与【按起点分色】。
2、点击图表右上角【更多】→【导出】→选择【SVG格式】,保存至本地文件夹。
3、在PPT 2026中点击【插入】→【图片】→选择该SVG文件;插入后右键【组合】→【取消组合】一次,分离为可编辑矢量图形元素。
4、删除原图中的图例与坐标轴文字,保留节点矩形与连接线;选中全部连接线,统一修改描边为#2E8B57纯色实线,宽度设为原始SVG中最大线宽的1.2倍以增强PPT内显示对比度。
5、在节点矩形内右键【编辑文字】,手动替换为中文业务标签(如“广告点击”“注册成功”“支付完成”),字体设为微软雅黑,字号统一为14pt。
四、利用口袋动画插件绘制高精度平滑桑基路径
针对需呈现专业级流体动效或汇报场景强调视觉表现力的情形,口袋动画插件可通过函数定位端点生成数学级精准的桑基连接线,彻底规避手动拖拽导致的曲率偏差。
1、安装口袋动画Pro版(兼容PPT 2026),点击【口袋动画】→【动画风暴】→【贝塞尔曲线生成器】。
2、在弹出面板中输入四点坐标:P0(起点矩形中心x,y)、P1(起点控制点x,y)、P2(终点控制点x,y)、P3(终点矩形中心x,y);其中P1/P2横坐标取P0/P3中点,纵坐标分别偏移±80磅以形成自然弧度。
3、点击【生成曲线】,得到单条高精度连接线;复制该曲线,按不同流量值在【设置形状格式】→【线条】→【宽度】中分别设为2.4、4.0、5.8磅。
4、全选所有生成曲线,点击【口袋动画】→【路径转形状】→勾选【合并为单一形状】,获得可填充渐变色的封闭流带。
5、对每条流带应用【渐变填充】:方向设为“线性”,角度90°,两个色标颜色均设为同一主色系但明度差20%(如#4CAF50与#2E7D32),位置0%与100%,实现光感流动效果。











