# 树状图生成器

从层级数据生成交互式树状图，支持自定义样式

> 标准页面: https://elysiatools.com/zh/tools/tree-diagram-generator

- **分类:** Data Visualization

- **关键词:** 图表, 树状图, 可视化, 层级, 组织架构图

## 概述

树状图生成器是一款高效的数据可视化工具，能够将复杂的层级数据快速转换为清晰、美观的交互式树状图，支持自定义节点形状、颜色及布局样式，适用于展示组织架构、逻辑结构或分类体系。

## 输入项

- **树状数据** (textarea): 树的层级数据。支持JSON对象或父子关系文本格式
- **图表标题** (text): 显示在图表上方的标题
- **节点形状** (select): 选择节点形状
- **节点颜色** (color): 树节点的颜色
- **节点文字颜色** (color): 节点文字的颜色
- **连线颜色** (color): 连接线的颜色
- **背景颜色** (color): 图表容器的背景颜色
- **节点大小** (number): 节点的像素大小
- **字体大小** (number): 节点文字的字体大小
- **连线宽度** (number): 连接线的宽度
- **图表高度** (number): 图表的像素高度
- **显示节点标签** (checkbox): 在节点上显示文字标签
- **显示节点数值** (checkbox): 在节点上显示数值

## 适用场景

- 需要将复杂的层级数据或分类关系进行可视化展示时。
- 在制作组织架构图、决策树或产品分类目录时。
- 需要通过自定义样式调整图表外观以适配演示文档或报告时。

## 工作原理

- 在输入框中粘贴 JSON 格式的层级数据或父子关系文本。
- 根据需求调整节点形状、颜色、连线宽度及字体大小等样式参数。
- 点击生成按钮，即可实时预览并获取交互式的树状图结果。

## 使用案例

- 企业组织架构图的快速构建与展示。
- 产品分类体系或网站导航结构的逻辑梳理。
- 项目任务分解（WBS）及层级关系的可视化呈现。

## 常见问题

### 支持哪些格式的数据输入？

支持标准的 JSON 对象格式，也支持简单的“父节点:子节点:数值”文本格式。

### 生成的树状图可以导出吗？

该工具生成的是交互式 HTML 图表，您可以直接在页面查看或通过截图保存。

### 可以自定义节点的形状吗？

可以，支持圆形、矩形、圆角矩形和菱形四种节点形状。

### 如何调整图表的大小？

您可以在配置项中修改“图表高度”和“节点大小”参数来适配不同的展示空间。

### 是否可以隐藏节点上的数值？

可以，通过取消勾选“显示节点数值”选项即可隐藏数值信息。

## 相关工具

- [环形图生成器](https://elysiatools.com/zh/tools/donut-chart-generator): 从数据生成可自定义的环形图（甜甜圈图），具有中央空间，非常适合显示比例数据
- [漏斗图生成器](https://elysiatools.com/zh/tools/funnel-chart-generator): 从数据生成可自定义的漏斗图，非常适合显示转化率、销售管道和流程
- [象形图生成器](https://elysiatools.com/zh/tools/pictograph-generator): 使用图标/符号创建象形图来表示数量，支持自定义图标、颜色和布局
- [进度条生成器](https://elysiatools.com/zh/tools/progress-bar-generator): 从数据生成可自定义的进度条，非常适合显示完成状态、排名或对比数值
- [雷达图生成器](https://elysiatools.com/zh/tools/radar-chart-generator): 从数据生成可自定义的雷达图（蜘蛛图），非常适合多维度对比和分析
- [时间轴生成器](https://elysiatools.com/zh/tools/timeline-generator): 从事件数据生成美观且交互式的时间轴，支持多种布局和样式
- [范围图生成器](https://elysiatools.com/zh/tools/range-chart-generator): 创建范围图来可视化最小值-最大值范围，支持中位数标记和异常值检测
- [瀑布图生成器](https://elysiatools.com/zh/tools/waterfall-chart-generator): 创建瀑布图来可视化累积变化，支持正负值区分和汇总显示

## 示例

- [二维码示例](https://elysiatools.com/zh/samples/qrcode-samples): 用于测试二维码读取和生成工具的示例二维码图像
- [ELK Stack 日志分析示例](https://elysiatools.com/zh/samples/elk-stack-samples): 全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
- [Grafana 高级应用示例](https://elysiatools.com/zh/samples/grafana-samples): 全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
- [分布式追踪示例](https://elysiatools.com/zh/samples/distributed-tracing-samples): 使用 Jaeger、OpenTelemetry 和其他现代可观测性工具的综合分布式追踪示例，适用于微服务架构

## 相关内容

- [结构与逻辑图生成器](https://elysiatools.com/zh/hubs/structural-and-logic-diagram-generators): 从文本、JSON、集合定义或日志生成流程图、思维导图、组织架构图、树状图、韦恩图、ASCII 目录树与时序图。