别只会截Excel图表了,开源ECharts图库,彻底打开数据可视化的想象空间

老汪洞察 · 财务数字化可视化

财务BP别只会截Excel图

20 张 ECharts · 把经分会讲清楚

经分会上真正卡脖子的，往往不是有没有系统，而是：有数，没共同语言。Excel 负责算清；ECharts 负责讲清。

📦 20 Charts · Finance BP

我是汪斌（老汪）。

财务数字化这几年工具很多：BI、大屏、Agent、知识库。

但经分会上真正卡脖子的，往往不是「有没有系统」，而是：

Excel 透视表人人会开。

一到瀑布桥、桑基、热力、箱线——要么画得很痛苦，要么截一张糊图，老板问「所以呢」，财务 BP 只能再翻三页表。

Apache ECharts 不是前端炫技。对财务 BP 来说，它更像一套可以反复使用的画法：同一套 option，可以放进内部站点、培训材料、经分会大屏。

今天这篇给你一张场景地图：20 个场景对应 20 种图，每张说明怎么读。

数据是脱敏模拟，口径你可以换成自己的账套。

能点、能悬停的完整交互版，在文末「阅读原文」。

一句话：

Excel 负责算清；ECharts 负责讲清。

下面按场景讲。每张图都是浏览器高清截图（ECharts 5）。

图表应用场景：把「上期毛利 → 本期毛利」拆成量差、价差、结构差、成本差，一眼看到谁在抬、谁在拖。

图表类型：瀑布图（waterfall / 堆叠柱实现）

— 01 毛利变动瀑布桥

数据表（与图一致）

怎么看这张图：毛利只涨了 15 万，但中间增减项来回对冲、变化很大——经分会开场先把这件事说清楚，大家认同一份数，再往下拆细节。

图表应用场景：横向条形按边际贡献排序，适合事业部/产品线对赌会。

图表类型：条形图 bar

— 02 边际贡献排名

数据表（与图一致）

怎么看这张图：排名图要先把统计口径说清楚、写进表头——边际贡献 = 收入 − 变动成本，别和毛利混用。会上只吵「谁贡献大」，不吵「这列叫什么」。

图表应用场景：单位成本拆成材料、人工、制费，看哪一层在抬头。

图表类型：堆叠柱状图

— 03 料工费结构

数据表（与图一致）

怎么看这张图：材料连涨三月时，先查采购价与单耗，再谈车间效率——别一上来就怪一线加班。

图表应用场景：双折线看季节与背离——收入创新高、毛利走平，多半是价格或成本。

图表类型：折线图 line

— 04 收入毛利趋势

数据表（与图一致 · 单位：万元）

怎么看这张图：2 月下行多半是春节季节性，别当成经营崩溃。真正要盯的是：收入创新高而毛利走平的那几个月。

图表应用场景：柱看销量、线看均价，量价背离一眼可见。

图表类型：双轴柱 + 线

— 05 量价双轴

数据表（与图一致）

怎么看这张图：销量涨、均价跌——先问是主动降价冲量，还是客户结构变差。量价拆不开，毛利桥也拆不准。

图表应用场景：环图看「谁贡献了大半收入」；超过 5～6 块就合并长尾。

图表类型：环形图 doughnut

— 06 收入结构环图

数据表（与图一致）

怎么看这张图：开场用环图建立「半壁江山在谁手上」的共识；块数一多就难读，长尾务必合并成「其他」。

图表应用场景：面积 = 毛利贡献，大客户风险与二八结构一目了然。

图表类型：树图 treemap

— 07 客户贡献树图

数据表（与图一致）

怎么看这张图：Top3 若超过一半毛利，信控与产能保障要单独预案——树图比饼图更容易一眼看出大客户占比太高、风险集中。

图表应用场景：找高毛利组合与亏损交叉点，指导报价与资源倾斜。

图表类型：热力图 heatmap

— 08 毛利率热力矩阵

数据表（与图一致 · 毛利率%）

怎么看这张图：深色高毛利、浅色低毛利。先盯持续低于 12% 的格子——要不要停接、要不要改报价，会上就按格子讨论。

图表应用场景：横轴收入、纵轴毛利率，四象限讨论才有共同坐标。

图表类型：散点图 scatter

— 09 SKU 散点四象限

数据表（与图一致）

怎么看这张图：右上推、左上养量、右下提价/降本、左下审视退出。虚线怎么画，会前就要定好中位数或目标线。

图表应用场景：毛利率、回款、预算达成、周转、人均产出——同一尺度画像。

图表类型：雷达图 radar

— 10 事业部雷达

数据表（与图一致 · 0–100 分）

怎么看这张图：雷达适合「画像对比」，不适合精确金额决策；金额仍回表格。D 线回款与毛利双弱，扩张期要设预警阈值。

图表应用场景：哪一层掉得最多就攻哪一层；财务 BP 最该盯「开票→回款」。

图表类型：漏斗图 funnel

— 11 报价到回款漏斗

数据表（与图一致）

怎么看这张图：收入确认了钱没回来，才是财务最痛的一层。漏斗用来定「本月攻哪一截」，不是用来好看。

图表应用场景：绿/黄/红区间一眼报警；执行率低也可能是进度滞后。

图表类型：仪表盘 gauge

— 12 预算执行率仪表盘

数据表（与图一致）

怎么看这张图：指针落在黄区不等于「省钱有功」——可能是项目进度滞后。要和业务日历一起看，别只报执行率。

图表应用场景：给非财务高管讲利润表，桑基比行列数字友好。

图表类型：桑基图 sankey

— 13 利润桑基流向

数据表（与图一致）

怎么看这张图：流量厚度 = 金额大小。高管问「钱都去哪了」，桑基比利润表行列更好指着讲。

图表应用场景：中位高但箱子很长 = 不稳定；下探到个位数要专项复盘。

图表类型：箱线图 boxplot

— 14 毛利率箱线

数据表（与图一致 · 毛利率%）

怎么看这张图：D 线箱子下探到 5%——新品报价与成本核算要专项复盘。平均毛利好看，离散度难看，一样危险。

图表应用场景：预算、实际、滚动预测三条线放在同一张图里看，滚动会议里常用；滚动预测从最后一个有实际数的月份接着往后估。

图表类型：多系列折线

— 15 预算实际滚动

数据表（与图一致 · 单位：万元）

怎么看这张图：滚动预测从最后一个有实际数的月份接着往后估，避免和预算两条线各说各话。开会前先说清楚：本月看的是预算差异，还是滚动预测差异。

图表应用场景：利润好但现金紧时必出；净额走平而利润上升——查应收与存货。

图表类型：面积图 area

— 16 现金流面积

数据表（与图一致 · 累计 · 万元）

怎么看这张图：净额累计走平、利润还在涨——钱多半压在应收或存货里。利润表和现金流要放在一起看，不要各翻各的表。

图表应用场景：从成品点到料工费、再到明细；成本工程师和财务可以对着同一张图讨论。

图表类型：旭日图 sunburst

— 17 BOM 旭日图

数据表（与图一致 · 元）

怎么看这张图：与场景 03 的单位成本合计要一致（本例同为 7,090），避免财务一套数、工艺一套数。旭日图适合看「点开哪一层在吃钱」。

图表应用场景：收入、毛利率、费用率、回款天、周转——看形态，不只看单点。

图表类型：平行坐标 parallel

— 18 平行坐标

数据表（与图一致）

怎么看这张图：D 线费用率与回款天双高——扩张期可以理解，但要设退出阈值。平行坐标看的是「整条折线形态」，不是某一个 KPI。

图表应用场景：柱 = 超支额、线 = 累计占比；前几项过 80% 就别摊大饼。

图表类型：帕累托（柱 + 线）

— 19 费用帕累托

数据表（与图一致）

怎么看这张图：前五项已过 80%——治理会只讨论这五项。帕累托的价值是只抓贡献最大的前几项，别再摊开全科目讨论。

图表应用场景：淡旺日与周末掉量一眼可见；最好对照回款漏斗看——发货高峰后 30～45 天，一般应看到回款高峰。

图表类型：日历热力图 calendar

— 20 出货日历热力

数据表（与图说明）

怎么看这张图：最好和场景 11 的回款漏斗对照着看——发货高峰后 30～45 天，一般应看到回款高峰，否则现金会接不上。

判断先于工具：图种选错，数据再漂亮也是噪音。

必须自建服务器吗？

不必。CDN 加载 ECharts 5 即可。

瀑布是内置类型吗？

常用堆叠柱 + 透明占位；桥段设计比图形类型更重要。

和 Power BI 什么关系？

Power BI 适合语义模型与权限；ECharts 适合轻量嵌进页面，也适合经营分析会上讲清楚。两套可以并存。

手机上图太小？

复杂图（热力/旭日）优先桌面或横屏；公众号这篇给的是静图，交互版在原文。

20 张图不是炫技，是给财务 BP 一套可以反复使用的图法：

·争议用桥与桑基

·结构用堆叠与环

·风险用热力与箱线

·节奏用日历与漏斗

先把口径表做对，再画图、再开会讲。

完整可交互版、数据表与 option 对照，拉到文末点「阅读原文」。

想结合你们公司场景搭经营分析可视化，可加微信xiaoweihome_ah（文字号，无二维码）。

我是老汪，制造业业财融合、成本核算、Excel BI 财务建模实战派。

如果你觉得今天这篇有收获，欢迎点赞、转发、推荐三连，我们下篇见。

完整模板与深度材料，请点击文末「阅读原文」获取。