直接答案：财务 BP 做经营分析，不必只会透视表——用 Apache ECharts 把量价结构、预算滚动、现金流与客户集中度做成可交互图，经分会沟通效率会高一截。本文给出 20 个场景 × 20 张原生动态图，每张附完整模拟数据表，可直接对照改成你的账套口径。
更新于 2026 年 7 月。
我是汪斌（老汪），长期做制造业财务 BP 与经营分析可视化。下面按场景讲「什么时候用这张图、数据长什么样、图上怎么读」。数据均为脱敏模拟，单位在表头与图注写清。
图表技术：Apache ECharts 5（CDN）· 正文内嵌渲染（避免媒体库 HTML 被当成附件下载）。
为什么财务BP要会 ECharts，而不是只截 Excel 图？
段首答案：Excel 图难交互、难统一主题、难嵌进知识库；ECharts 同一套 option 可复用到经分会大屏、内部站点与培训材料。
你会反复遇到：
| 痛点 | ECharts 解法 |
|---|---|
| 瀑布/桑基/雷达 Excel 别扭 | 原生系列或标准堆叠写法 |
| 老板要「动一动图例」 | 交互图例、缩放、提示框 |
| 多篇文章风格不统一 | 统一深色主题与配色 |
| 数据更新 | 改 JSON 数据即可，不必重画 |
20 张图总览
| # | 场景 | 图表 |
|---|---|---|
| 01 | 毛利变动桥 | 瀑布 |
| 02 | 边际贡献排名 | 条形 |
| 03 | 料工费结构 | 堆叠柱 |
| 04 | 收入毛利趋势 | 折线 |
| 05 | 量价背离 | 双轴 |
| 06 | 收入结构 | 环形 |
| 07 | 客户贡献 | 树图 |
| 08 | 产品×客户毛利率 | 热力 |
| 09 | SKU 四象限 | 散点 |
| 10 | 事业部健康度 | 雷达 |
| 11 | 报价到回款 | 漏斗 |
| 12 | 预算执行率 | 仪表盘 |
| 13 | 利润流向 | 桑基 |
| 14 | 毛利率离散 | 箱线 |
| 15 | 预算/实际/滚动 | 多折线 |
| 16 | 现金流 YTD | 面积 |
| 17 | BOM 成本下钻 | 旭日 |
| 18 | 多指标对照 | 平行坐标 |
| 19 | 费用超支重点 | 帕累托 |
| 20 | 日出货节奏 | 日历热力 |
场景 01：毛利变动为什么要用瀑布图？
段首答案：瀑布图把「上期毛利 → 本期毛利」拆成量差、价差、结构差、成本差四段桥，一眼看到谁在抬、谁在拖。
图表类型：瀑布图（waterfall / 堆叠柱实现）
图注：上期1280 → 量差+180 → 价差−95 → 结构差+140 → 成本差−210 → 本期1295（万元）（单位：万元）
数据表（与图一致）
| 桥段 | 金额（万元） | 含义 |
|---|---|---|
| 上期毛利 | 1,280 | 对比起点 |
| 量差 | +180 | 销量变动贡献 |
| 价差 | −95 | 结算价下行 |
| 结构差 | +140 | 高低毛利产品组合改善 |
| 成本差 | −210 | 单位成本上升 |
| 本期毛利 | 1,295 | 1,280+180−95+140−210 |
读图要点：经分会开场先放这张桥：先对齐「毛利只涨了 15 万，但结构在变」的事实，再进细节。
场景 02：产品线边际贡献怎么排名？
段首答案：横向条形图按边际贡献排序，适合事业部/产品线对赌会。
图表类型：条形图 bar
图注：华东某离散制造 · 四个产品线本月边际贡献（万元）（单位：万元）
数据表（与图一致）
| 产品线 | 边际贡献（万元） |
|---|---|
| A线·主力 | 540 |
| B线·特化 | 318 |
| C线·配件 | 152 |
| D线·新品 | 86 |
读图要点：排名图要固定口径：边际贡献 = 收入 − 变动成本；别和毛利混用。
场景 03：料工费结构怎么对比三个月？
段首答案：堆叠柱把单位成本拆成材料、人工、制费，看哪一层在抬头。
图表类型：堆叠柱状图
图注：单位产品成本拆解 · 直接材料 / 直接人工 / 制造费用（元/吨）（单位：元/吨）
数据表（与图一致）
| 月份 | 直接材料 | 直接人工 | 制造费用 | 合计（元/吨） |
|---|---|---|---|---|
| 4月 | 4,820 | 760 | 1,120 | 6,700 |
| 5月 | 4,950 | 748 | 1,185 | 6,883 |
| 6月 | 5,108 | 772 | 1,210 | 7,090 |
读图要点：材料连涨三月时，先查采购价与单耗，再谈车间效率。
场景 04：收入和毛利的年度走势怎么看？
段首答案：双折线看季节与背离：收入创新高而毛利走平，往往是价格或成本问题。
图表类型：折线图 line
图注：模拟年度经营结果（万元）（单位：万元）
数据表（与图一致）
| 月 | 营业收入 | 毛利 |
|---|---|---|
| 1 | 4,200 | 980 |
| 2 | 3,880 | 860 |
| 3 | 4,510 | 1,050 |
| 4 | 4,680 | 1,120 |
| 5 | 4,920 | 1,180 |
| 6 | 5,100 | 1,240 |
| 7 | 4,980 | 1,190 |
| 8 | 5,220 | 1,280 |
| 9 | 5,450 | 1,350 |
| 10 | 5,600 | 1,410 |
| 11 | 5,380 | 1,320 |
| 12 | 5,800 | 1,480 |
读图要点：单位：万元。春节月（2月）下行是正常季节性，别当成经营崩溃。
场景 05：量增价跌怎么在一张图里说清？
段首答案：双轴：柱看销量、线看均价，量价背离一眼可见。
图表类型：双轴柱+线
图注：主力产品 A：销量（吨）与结算均价（元/吨）（单位：吨 / 元/吨）
数据表（与图一致）
| 月 | 销量（吨） | 均价（元/吨） |
|---|---|---|
| 1 | 820 | 12,800 |
| 2 | 760 | 12,950 |
| 3 | 910 | 12,620 |
| 4 | 980 | 12,480 |
| 5 | 1,050 | 12,210 |
| 6 | 1,120 | 11,980 |
读图要点：销量涨、均价跌：先问是主动降价冲量，还是客户结构变差。
场景 06：收入结构用饼图还是环图？
段首答案：环图看构成占比，适合「谁贡献了大半收入」的开场。
图表类型：环形图 doughnut
图注：本季营业收入构成（万元）（单位：万元）
数据表（与图一致）
| 产品 | 收入（万元） | 占比 |
|---|---|---|
| A主力树脂 | 2,860 | 50.3% |
| B特化剂 | 1,520 | 26.7% |
| C配件 | 680 | 12.0% |
| D新品线 | 420 | 7.4% |
| 其他 | 210 | 3.7% |
| 合计 | 5,690 | 100% |
读图要点：饼/环超过 5～6 块就难读，长尾合并成「其他」。
场景 07：客户贡献集中度怎么展示？
段首答案：树图面积=毛利贡献，大客户风险与二八结构一目了然。
图表类型：树图 treemap
图注：本季毛利贡献 Top 客户（万元）· 面积=贡献大小（单位：万元）
数据表（与图一致）
| 客户 | 毛利贡献（万元） |
|---|---|
| 甲 | 420 |
| 乙 | 310 |
| 丙 | 265 |
| 丁 | 180 |
| 戊 | 145 |
| 己 | 98 |
| 长尾合计 | 220 |
| 合计 | 1,638 |
读图要点：Top3 若超过一半毛利，信控与产能保障要单独预案。
场景 08：产品×客户毛利率矩阵怎么用？
段首答案：热力图找「高毛利组合」与「亏损交叉点」，指导报价与资源倾斜。
图表类型：热力图 heatmap
图注：单元格=毛利率% · 越亮越高（单位：%）
数据表（与图一致）
| 客户\产品 | A-标品 | A-定制 | B-溶剂 | C-配件 | D-新品 |
|---|---|---|---|---|---|
| 甲 | 28% | 22% | 18% | 31% | 12% |
| 乙 | 25% | 19% | 15% | 27% | 9% |
| 丙 | 30% | 24% | 20% | 29% | 14% |
| 丁 | 21% | 16% | 11% | 25% | 8% |
| 戊 | 26% | 20% | 17% | 28% | 11% |
读图要点：深色高毛利、浅色低毛利；先盯持续低于 12% 的格子要不要停接。
场景 09：SKU 四象限怎么砍/养/推？
段首答案：散点：横轴收入、纵轴毛利率，虚线分割四象限，策略讨论有共同坐标。
图表类型：散点图 scatter
图注：横轴收入(万) · 纵轴毛利率% · 虚线为中位分割（单位：万元 / %）
数据表（与图一致）
| SKU | 收入（万） | 毛利率% |
|---|---|---|
| A1 | 520 | 31 |
| A3 | 430 | 24 |
| A2 | 380 | 18 |
| B1 | 210 | 27 |
| B2 | 160 | 9 |
| C2 | 145 | 29 |
| C1 | 95 | 34 |
| D1 | 70 | 12 |
读图要点：右上：推；左上：养量；右下：提价/降本；左下：审视退出。
场景 10：事业部健康度怎么五维打分？
段首答案：雷达图把毛利率、回款、预算达成、周转、人均产出放到同一尺度对比。
图表类型：雷达图 radar
图注：五维标准化得分（0–100）· A主力 vs D新品（单位：分）
数据表（与图一致）
| 维度（0–100） | A主力线 | D新品线 |
|---|---|---|
| 毛利率 | 82 | 55 |
| 回款质量 | 78 | 48 |
| 预算达成 | 85 | 62 |
| 库存周转 | 70 | 58 |
| 人均产出 | 76 | 64 |
读图要点：雷达适合「画像」，不适合精确金额决策；金额仍回表格。
场景 11：报价到回款漏斗卡在哪？
段首答案：漏斗看转化损耗：报价→赢单→发货→开票→回款，哪一层掉得最多就攻哪一层。
图表类型：漏斗图 funnel
图注：本季商机金额漏斗（万元）（单位：万元）
数据表（与图一致）
| 阶段 | 金额（万元） | 相对上层转化 |
|---|---|---|
| 报价 | 5,200 | — |
| 赢单 | 3,800 | 73.1% |
| 发货 | 3,100 | 81.6% |
| 开票 | 2,460 | 79.4% |
| 回款 | 1,980 | 80.5% |
读图要点：财务 BP 最该盯「开票→回款」：收入确认了钱没回来。
场景 12：费用预算执行率怎么一眼报警？
段首答案：仪表盘把执行率映射到绿/黄/红区间，适合管理层看板头条。
图表类型：仪表盘 gauge
图注：管理费用 YTD 执行：已用 1,862 / 预算 2,400（万元）（单位：%）
数据表（与图一致）
| 项目 | 金额（万元） |
|---|---|
| 管理费用预算（YTD） | 2,400 |
| 已执行 | 1,862 |
| 执行率 | 77.6% |
| 绿区 | ≤70% |
| 黄区 | 70%–90% |
| 红区 | >90% |
读图要点：执行率低不一定好：可能是进度滞后；要和业务日历一起看。
场景 13：收入怎么流到营业利润？
段首答案：桑基图展示收入→成本/毛利→三项费用→利润的分流厚度。
图表类型：桑基图 sankey
图注：本季经营成果流向（万元）（单位：万元）
数据表（与图一致）
| 流向 | 金额（万元） |
|---|---|
| 营业收入→营业成本 | 3,920 |
| 营业收入→毛利 | 1,580 |
| 毛利→销售费用 | 420 |
| 毛利→管理费用 | 310 |
| 毛利→研发费用 | 180 |
| 毛利→营业利润 | 670 |
读图要点：给非财务高管讲利润表，桑基比行列数字友好。
场景 14：毛利率离散度说明什么？
段首答案：箱线图看事业部内 SKU 毛利率分布：中位高但箱体很长=不稳定。
图表类型：箱线图 boxplot
图注：SKU 毛利率%离散度 · 箱体=四分位（单位：%）
数据表（与图一致）
| 事业部 | 最小 | Q1 | 中位 | Q3 | 最大 |
|---|---|---|---|---|---|
| A主力 | 18 | 24 | 28 | 32 | 38 |
| B特化 | 12 | 16 | 21 | 26 | 33 |
| C配件 | 22 | 27 | 30 | 34 | 41 |
| D新品 | 5 | 9 | 14 | 20 | 29 |
读图要点：D 线箱子下探到 5%：新品报价与成本核算要专项复盘。
场景 15：预算、实际、滚动预测如何同屏？
段首答案：三条线：预算虚线、实际实线、滚动预测接龙，滚动会议标配。
图表类型：多系列折线
图注：营业收入三条线对照（万元）（单位：万元）
数据表（与图一致）
| 月 | 年度预算 | 实际 | 滚动预测 |
|---|---|---|---|
| 1 | 4,500 | 4,200 | — |
| 2 | 4,500 | 3,880 | — |
| 3 | 4,700 | 4,510 | — |
| 4 | 4,800 | 4,680 | — |
| 5 | 5,000 | 4,920 | — |
| 6 | 5,100 | 5,100 | 5,100 |
| 7 | 5,200 | — | 5,050 |
| 8 | 5,300 | — | 5,280 |
读图要点：滚动预测从「最后一个实际月」接上，避免和预算两条线打架。
场景 16：经营性现金流累计怎么讲？
段首答案：面积/折线看流入、流出、净额 YTD，利润好但现金紧时必出。
图表类型：面积图 area
图注：流入 / 流出 / 净额累计（万元）（单位：万元）
数据表（与图一致）
| 月 | 流入累计 | 流出累计 | 净额累计 |
|---|---|---|---|
| 1 | 2,100 | 1,800 | 300 |
| 2 | 3,950 | 3,720 | 230 |
| 3 | 6,020 | 5,680 | 340 |
| 4 | 8,210 | 7,900 | 310 |
| 5 | 10,480 | 10,120 | 360 |
| 6 | 12,860 | 12,450 | 410 |
读图要点：净额累计走平而利润上升：查应收与存货是否在吃现金。
场景 17：BOM 成本如何多层下钻？
段首答案：旭日图从成品→料工费→明细，适合成本工程师与财务同屏。
图表类型：旭日图 sunburst
图注：单位成品成本结构下钻（元）（单位：元）
数据表（与图一致）
| 层级 | 项目 | 金额（元） |
|---|---|---|
| 材料 | 主料 | 3,680 |
| 材料 | 辅料 | 920 |
| 材料 | 包材 | 508 |
| 人工 | 一线 | 610 |
| 人工 | 班组长 | 162 |
| 制费 | 能耗 | 480 |
| 制费 | 折旧 | 390 |
| 制费 | 其他 | 340 |
| 合计 | 7,090 |
读图要点：与场景 03 的单位成本合计对齐，避免两套数。
场景 18：多事业部多指标怎么平行对比？
段首答案：平行坐标把收入、毛利率、费用率、回款天、周转放到同一画布，看形态而不是单点。
图表类型：平行坐标 parallel
图注：收入/毛利率/费用率/回款天数/库存周转 对照（单位：多指标）
数据表（与图一致）
| 事业部 | 收入（亿） | 毛利率% | 费用率% | 回款天 | 周转次 |
|---|---|---|---|---|---|
| A主力 | 3.2 | 28 | 12 | 45 | 6.8 |
| B特化 | 1.8 | 22 | 14 | 52 | 5.1 |
| C配件 | 0.9 | 31 | 11 | 38 | 7.4 |
| D新品 | 0.6 | 16 | 19 | 68 | 3.2 |
读图要点：D 线费用率与回款天双高：扩张期正常，但要设退出阈值。
场景 19：费用超支按帕累托抓重点？
段首答案：柱=超支额、线=累计占比，80% 线帮你锁定前几项科目。
图表类型：帕累托（柱+线）
图注：超支科目金额（万元）与累计占比%（单位：万元 / %）
数据表（与图一致）
| 科目 | 超支额（万元） | 累计占比 |
|---|---|---|
| 差旅 | 186 | 24.1% |
| 招待 | 152 | 43.8% |
| 物流 | 128 | 60.4% |
| 外包服务 | 96 | 72.8% |
| 维修 | 74 | 82.4% |
| 办公 | 58 | 89.9% |
| 培训 | 41 | 95.2% |
| 其他 | 35 | 100% |
读图要点：前五项已过 80%：治理会议只讨论这五项，别摊大饼。
场景 20：日出货节奏用日历热力看什么？
段首答案：日历热力看淡旺日与周末掉量，服务排产与回款节奏对齐。
图表类型：日历热力图 calendar
图注：2026年6月日发货吨数 · 颜色越亮越高（单位：吨）
数据表（与图一致）
| 说明 | 内容 |
|---|---|
| 区间 | 2026-06-01～06-30 |
| 指标 | 日发货吨数 |
| 读图 | 工作日偏亮、周末偏暗为正常；连续淡色工作日要问产线/订单 |
读图要点：和场景 11 回款漏斗联读：发货高峰后 30～45 天应见回款峰。
怎么把这些图接到你自己的数据？
段首答案：先固定指标口径与主键，再把表头映射进 ECharts 的 series.data；不要先美化。
推荐顺序：
- 在 Excel / Power Query 算出「场景数据表」（与上文同构）
- 改对应图的 option 数据
- 经分会只投一张「决策图」+ 一张「证据表」
- 瀑布、桑基、热力优先服务「争议话题」
本地调试文件：accunion-workbench/assets/echarts-finance-bp-20-charts/（浏览器直接打开 HTML）。
公开区已嵌入可交互图表。若需要本地改数据、改 option、嵌进自己的内部页，可下载文末 ZIP（01～20 独立 HTML + 使用说明；建议 9.9 元 / VIP 免费）。
配套下载：20 张 ECharts HTML 源文件（付费解锁）
公开区可先对照场景读图；完整可编辑源文件在下方付费解锁（VIP 会员免费）。
FAQ
1. 必须装 ECharts 服务器吗？
不必。本文用 jsDelivr CDN 加载 ECharts 5。
2. 为什么不用 iframe 外链 HTML？
站点媒体库上传的 HTML 会被 OSS 加上 Content-Disposition: attachment，浏览器会下载而不是在页面里画图。所以改为正文内嵌渲染。
3. 瀑布图是 ECharts 内置类型吗？
常用堆叠柱 + 透明占位实现；桥段设计比图形类型更重要。
4. 数据可以商用到客户现场吗？
文中为脱敏模拟数，请换成你的账套数据；方法论可复用。
5. 和 Power BI / Excel BI 什么关系？
Power BI 适合语义模型与权限；ECharts 适合轻量嵌入与经分会叙事。
6. 手机上图太小怎么办？
建议横屏；复杂图（热力/旭日）优先桌面。
7. 如何改成公司主题色？
改各图 itemStyle.color；主色建议不超过三种。
8. 下一篇可以做什么？
可做「毛利桥：从 Excel 底稿到 ECharts option 逐步对照」。
结语
20 张图不是为了炫技，而是给财务 BP 一套可复用的视觉语言：争议用桥与桑基，结构用堆叠与环，风险用热力与箱线，节奏用日历与漏斗。先把口径表做对，再让 ECharts 说话。
需要陪跑搭建经营分析可视化或经分会看板，可加微信 xiaoweihome_ah。
￥99.99
暂无评论内容