关键信息
- 分类
- Data Visualization
- 输入类型
- textarea, text, select, number, color, checkbox
- 输出类型
- html
- 样本覆盖
- 4
- 支持 API
- Yes
概览
冰柱图生成器是一款专业的数据可视化工具，能够将您提供的层级JSON数据快速转换为清晰、交互式的冰柱图。它直观展示数据的树状结构与比例关系，是分析组织架构、文件目录或任何嵌套数据的理想选择。
适用场景
- •需要直观展示公司部门、团队或项目组的层级汇报关系时。
- •希望可视化磁盘空间占用、项目文件目录等具有嵌套结构的文件系统时。
- •分析销售区域、产品分类等具有多级分类的数据占比与构成时。
工作原理
- •在“层级数据”文本框中，输入或粘贴符合格式要求的JSON数据，该数据需包含名称、数值及可选的子节点数组。
- •根据需要配置图表选项，如选择配色方案、设置图表标题、调整尺寸、定义数值显示格式（数字、百分比、货币等）。
- •工具将自动解析数据并生成交互式冰柱图，您可以通过悬停查看详细信息，并可调整起始层级和最大深度来聚焦特定部分。
- •生成的图表可直接在页面查看，支持交互探索。
使用场景
可视化公司组织架构，清晰展示从CEO到各部门、再到具体员工的汇报关系与团队规模。
分析服务器或本地磁盘的存储空间，以冰柱图形式展示各文件夹及其子文件夹的空间占用比例。
管理电商平台的商品类目，通过层级图表查看一级类目、二级类目下的商品数量与销售占比。
用户案例
1. 公司年度预算分配可视化
财务分析师- 背景原因
- 公司年度预算按部门、项目、子项目进行了多级分配，数据以层级JSON格式存储。需要向管理层直观展示预算的整体分布与各部分的占比。
- 解决问题
- 如何将复杂的多层级预算数据，以一种易于理解、能快速看出重点和比例的方式呈现出来？
- 如何使用
- 将预算JSON数据粘贴到“层级数据”输入框。在“配色方案”中选择“森林”主题以区分不同部门。设置“数值格式”为“货币（$）”，并勾选“显示百分比”。调整“最大深度”为3，以展示到项目级别。
- 示例配置
-
{ "name": "公司总预算", "value": 5000000, "children": [ { "name": "研发部", "value": 2000000, "children": [ {"name": "新产品A", "value": 1200000}, {"name": "技术升级", "value": 800000} ] }, { "name": "市场部", "value": 1500000, "children": [ {"name": "线上推广", "value": 900000}, {"name": "品牌活动", "value": 600000} ] } ] } - 效果
- 生成一张清晰的冰柱图，直观显示研发部与市场部的预算占比，并可下钻查看各自项目内的分配情况，所有数值均以美元金额和百分比同时显示。
2. 网站目录结构分析
- 背景原因
- 一个大型网站的目录结构复杂，包含多级文件夹和文件。需要快速了解哪些目录占用空间最大，以便进行存储优化。
- 解决问题
- 面对成千上万个文件和文件夹，如何快速定位占用空间最多的目录路径？
- 如何使用
- 将网站目录的JSON数据（以文件夹大小为值）输入工具。选择“单色”配色方案以突出大小差异。启用“显示数值”并设置为“千（k）”格式。将“起始层级”设为1，跳过根目录。
- 效果
- 冰柱图清晰展示了从根目录开始，各级文件夹的空间占用比例。最大的矩形块直接指向占用空间最多的顶级目录（如“uploads”或“logs”），便于管理员优先处理。
用 Samples 测试
jsonGrafana 高级应用示例
全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
preferred input family json
ELK Stack 日志分析示例
全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
preferred input family json
D3.js 数据可视化示例
全面的D3.js数据可视化示例，包括图表、地图、动画和交互式可视化
preferred input family json
PDF示例
2026-02-01 到 2026-02-10 工具生成的PDF示例
preferred input family json
相关专题
常见问题
输入的JSON数据格式有什么要求？
数据必须是有效的JSON对象，包含“name”（名称）和“value”（数值）键，以及可选的“children”（子节点）数组，用于定义层级关系。
可以自定义图表的颜色吗？
可以。您可以从预设的配色方案（如海洋、森林、日落）中选择，或在选择“自定义颜色”后，输入十六进制颜色代码数组来完全自定义。
生成的图表支持哪些交互功能？
支持悬停显示详细信息（工具提示），并可通过设置“起始层级”和“最大深度”来控制图表的显示范围，聚焦于您关心的数据层级。
数值可以显示为百分比或货币格式吗？
可以。在“数值格式”选项中，您可以选择“数字”、“百分比”、“货币（$）”或“千（k）”等不同格式来展示数据。
图表的尺寸可以调整吗？
可以。您可以分别设置图表的宽度（400-1200像素）和高度（300-800像素），以适应不同的展示空间需求。