分类

← View All Tools

瀑布图生成器

创建瀑布图来可视化累积变化，支持正负值区分和汇总显示

JSON数组格式的数据项，包含标签、数值和可选的小计标记

显示在瀑布图上方的标题

X轴的标签

Y轴的标签

正值柱状图的颜色

负值柱状图的颜色

小计和总计柱状图的颜色

柱状图间连接线的颜色

每个柱状图的像素宽度

在柱状图顶部显示数值

自动添加最终总计柱状图

显示柱状图间的连接线

标签和数值的字体大小

图表标题的字体大小

文本元素的字体族

图表的像素宽度

图表的像素高度

图表的背景颜色

网格线的颜色

加载时动画显示图表

动画持续时间（毫秒）

关键信息

分类
Data Visualization
输入类型
text, textarea, color, number, checkbox, select
输出类型
html
样本覆盖
4
支持 API
Yes

概览

瀑布图生成器是一款专业的数据可视化工具，旨在帮助用户通过直观的阶梯状图表，清晰展示初始值经过一系列正负变动后，最终达到目标值的累积过程，非常适合财务分析与业务增长复盘。

适用场景

  • •需要展示财务报表中收入、支出及最终利润的构成变化时。
  • •分析库存水平在特定周期内的增减波动原因时。
  • •向团队汇报项目进度或人口数据在不同阶段的累积变动情况时。

工作原理

  • •在数据项区域输入包含标签、数值及小计标记的 JSON 数组。
  • •根据需求调整正负值颜色、连接线样式及数值显示格式。
  • •设置图表标题、字体大小及画布尺寸以适配演示文档。
  • •点击生成即可获得实时渲染的瀑布图，支持直观查看数据累积逻辑。

使用场景

财务利润分析：清晰拆解从毛利到净利的各项成本扣除过程。
库存盘点报告：可视化展示期初库存、入库、出库及期末库存的变动。
销售业绩复盘：展示从基础目标到最终达成额的各项业绩贡献与缺口。

用户案例

1. 年度利润构成分析

财务分析师
背景原因
需要向管理层汇报公司年度利润的构成，解释各项支出对最终净利润的影响。
解决问题
传统的表格难以直观展示各项成本如何从总收入中扣除。
如何使用
输入包含收入、各项运营成本及最终净利润的 JSON 数据，并配置正负颜色。
示例配置
[{"label": "总收入", "value": 1000000, "isSubtotal": true}, {"label": "研发成本", "value": -200000}, {"label": "营销费用", "value": -150000}, {"label": "行政支出", "value": -50000}, {"label": "净利润", "value": 600000, "isSubtotal": true}]
效果
生成了一张清晰的瀑布图，直观展示了从总收入到净利润的扣减路径，管理层能快速识别主要成本项。

用 Samples 测试

json, text
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
json
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
json
十六进制/Unicode转换样本
十六进制和Unicode转义序列转换的测试样本
preferred input family json
json
JWT 示例
从基础令牌结构到高级安全实现的全面JWT示例
preferred input family json
json

相关专题

JsonConvert工具专题
探索 100 个围绕 json 的 convert 工作流工具，快速找到相近能力。
TextConvert工具专题
探索 80 个围绕 text 的 convert 工作流工具，快速找到相近能力。
Json 工具专题
探索 43 个围绕 json 的 utility 工作流工具，快速找到相近能力。
Text 工具专题
探索 33 个围绕 text 的 utility 工作流工具，快速找到相近能力。

常见问题

什么是瀑布图？

瀑布图是一种展示数据累积变化的可视化图表，通过悬浮的柱状图展示正负变动，帮助用户理解最终结果的构成。

如何区分正值和负值？

工具支持自定义正值和负值的颜色，通常正值使用蓝色或绿色，负值使用红色，以便一眼识别增长与损耗。

可以显示小计吗？

可以。在数据项 JSON 中设置 'isSubtotal': true，系统会自动将其标记为汇总柱状图，并使用指定的汇总颜色显示。

支持哪些数值格式？

支持整数、小数（2位）、货币（¥）以及百分比格式，满足不同业务场景的展示需求。

生成的图表可以调整大小吗？

可以，您可以在配置项中手动输入图表的宽度和高度（像素），以确保图表完美嵌入您的报告或演示文稿中。

API 文档

请求端点

POST /zh/api/tools/waterfall-chart-generator

请求参数

参数名 类型 必填 描述
chartTitle text 否 显示在瀑布图上方的标题
dataItems textarea 是 JSON数组格式的数据项，包含标签、数值和可选的小计标记
xAxisLabel text 否 X轴的标签
yAxisLabel text 否 Y轴的标签
positiveColor color 否 正值柱状图的颜色
negativeColor color 否 负值柱状图的颜色
totalColor color 否 小计和总计柱状图的颜色
connectingLineColor color 否 柱状图间连接线的颜色
barWidth number 否 每个柱状图的像素宽度
showValues checkbox 否 在柱状图顶部显示数值
showTotal checkbox 否 自动添加最终总计柱状图
showConnectingLines checkbox 否 显示柱状图间的连接线
valueFormat select 否 -
fontSize number 否 标签和数值的字体大小
titleSize number 否 图表标题的字体大小
fontFamily text 否 文本元素的字体族
chartWidth number 否 图表的像素宽度
chartHeight number 否 图表的像素高度
backgroundColor color 否 图表的背景颜色
gridColor color 否 网格线的颜色
animationEnabled checkbox 否 加载时动画显示图表
animationDuration number 否 动画持续时间（毫秒）

响应格式

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

AI MCP 文档

将此工具添加到您的 MCP 服务器配置中： 

{
  "mcpServers": {
    "elysiatools-waterfall-chart-generator": {
      "name": "waterfall-chart-generator",
      "description": "创建瀑布图来可视化累积变化，支持正负值区分和汇总显示",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=waterfall-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

你可以串联多个工具，比如：`https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`，最多20个。

如果遇见问题，请联系我们：[email protected]