矩形树图制作工具
在线矩形树图(Treemap)制作工具,通过面积可视化层次结构数据,支持嵌套节点与多级钻取。
JSON:数组,元素含 name / value / children(可嵌套多层)
升级 Pro 解锁矩形树图 AI 分析
PRO根据当前数据和图表配置生成洞察、风险提示、汇报文案与可执行优化建议。
- 生成 5 类图表洞察与风险提示
- 输出 3-5 条可执行图表优化建议
- 识别异常值、关键节点和结构偏差
- 整理可直接复制到报告的结论摘要
功能说明
在线矩形树图(Treemap)制作工具,通过面积可视化层次结构数据,支持嵌套节点与多级钻取。
- 部门人员分布
- 文件目录大小可视化
- 产品分类销售额占比
如何使用
- 打开页面即加载示例数据,图表已实时渲染在预览区。
- 在左侧"数据"面板编辑或粘贴你的数据,支持 JSON、CSV / TSV 格式,也可导入 xlsx 文件。
- 在右侧"样式配置"调整主题、坐标轴、图例、标签与动画等选项。
- 点击 PNG / SVG / JSON 按钮导出图表,或点击"分享"生成可还原当前状态的链接。
数据格式说明
JSON:数组,元素含 name / value / children(可嵌套多层)
常见问题 FAQ
矩形树图的数据格式是什么?
仅支持 JSON:根级为数组,每项含 name(必填)、value(可选)和 children(可选,支持多层嵌套)。
矩形树图能嵌套几层?
理论上不限层数,但超过 3 层后小格子文字难以阅读,建议保持 2-3 层。
矩形树图适合展示什么数据?
适合层次结构的占比数据,如部门人员分布、文件目录大小、产品分类销售额等。
如何高亮某个分类?
鼠标悬停时图表自动高亮当前矩形并显示 tooltip;点击父级节点可下钻到该分组内部。
其他工具
雷达图工具
使用表格编辑数据,基于Recharts的专业雷达图可视化工具,表格编辑支持实时预览,主题切换,多格式导出
南丁格尔玫瑰图工具
使用表格编辑数据,基于Recharts的专业南丁格尔玫瑰图可视化工具,表格编辑支持实时预览,主题切换,多格式导出
K 线图制作工具
在线 K 线图制作工具,支持开盘价、收盘价、最低价、最高价数据展示,适合股票、基金和价格走势分析。
柱状图工具
使用表格编辑数据,基于Recharts的专业柱状图可视化工具,表格编辑支持实时预览,主题切换,多格式导出
折线图工具
使用表格编辑数据,基于Recharts的专业折线图可视化工具,表格编辑支持实时预览,主题切换,多格式导出
堆叠面积图工具
使用表格编辑数据,基于Recharts的专业堆叠面积图可视化工具,表格编辑支持实时预览,主题切换,多格式导出
矩形树图功能说明
在线矩形树图(Treemap)制作工具,通过面积可视化层次结构数据,支持嵌套节点与多级钻取。 页面内置示例数据、专业配置、导出、分享和 Pro AI 分析,适合从临时制图到业务报告复用。
数据输入与恢复
- 内置示例数据,打开即可预览
- 支持 JSON / CSV 两类输入格式
- 分享链接可携带数据和样式参数
样式与专业配置
- 可调整标题、图例、坐标轴和标签
- 支持主题配色、背景色和动画时长
- 可配置工具箱、边距和数据缩放
导出与复用
- 一键导出 PNG / SVG 图片
- 复制 ECharts 配置 JSON
- 适合嵌入报告、PPT 和业务系统
Pro AI 分析
- 生成图表洞察和风险提示
- 输出可执行的图表优化建议
- 整理适合汇报复制的结论摘要
如何使用矩形树图制作工具
- 1在左侧数据区粘贴 JSON 或 CSV,也可以先使用默认示例快速体验。
- 2确认预览区已经渲染图表;如果输入格式有误,先根据错误提示修正字段或数值。
- 3在右侧样式配置里调整标题、配色、图例、坐标轴、标签、动画和专业参数。
- 4完成后可下载 PNG / SVG、复制 ECharts JSON,或生成带参数的分享链接发给同事。
- 5需要汇报洞察时,在 Pro 区域生成 AI 分析,获得结论、风险和优化建议。
矩形树图适用场景
业务复盘
把销售、转化、留存、成本、流量等指标整理成可汇报图表,用于周报、月报和经营会议。
产品分析
展示功能使用、用户行为、链路转化和关键节点,让产品团队快速定位变化和瓶颈。
内容传播
导出高清图片或分享链接,用于公众号、知识库、PPT、客户方案和团队协作。
矩形树图常见问题 FAQ
矩形树图数据怎么填写?
矩形树图支持默认示例数据,你也可以按输入区提示粘贴 JSON 或 CSV。通用分类图通常使用 categories 和 series,专业图表会在输入提示里标明必填字段;输入后预览会实时刷新,格式错误会显示解析提示。
矩形树图可以导出哪些格式?
当前矩形树图可导出 PNG、SVG 和 ECharts JSON。PNG 适合直接放入文档、PPT 和聊天窗口,SVG 适合需要高清缩放的设计场景,JSON 适合交给前端在业务系统中复用。
矩形树图分享链接会保存哪些内容?
分享链接会把当前图表类型、原始数据和样式配置编码到 URL 参数中。对方打开后会自动恢复输入和配置,适合协作复核数据、确认配色和在不同设备上继续编辑。
矩形树图适合放多少数据?
展示型图表建议首屏控制在 5-12 个关键类别或系列内;如果数据更多,可以开启数据缩放、隐藏部分标签,或拆成多张图。这样导出到报告和移动端查看时都更清晰。
矩形树图和其他图表有什么区别?
矩形树图更适合在线矩形树图(Treemap)制作工具,通过面积可视化层次结构数据,支持嵌套节点与多级钻取。。如果你要看构成占比,可考虑饼图或环形图;如果要看趋势,可考虑折线图;如果要看关系流向,可考虑桑基图或关系图。
矩形树图的 Pro AI 分析能做什么?
Pro AI 会结合当前数据、图表类型和样式配置,生成关键洞察、风险提示、行动建议、图表优化和下一步计划。免费用户可查看演示数据,Pro 用户可直接生成基于真实输入的分析。
其他工具
雷达图工具
使用表格编辑数据,基于Recharts的专业雷达图可视化工具,表格编辑支持实时预览,主题切换,多格式导出
南丁格尔玫瑰图工具
使用表格编辑数据,基于Recharts的专业南丁格尔玫瑰图可视化工具,表格编辑支持实时预览,主题切换,多格式导出
K 线图制作工具
在线 K 线图制作工具,支持开盘价、收盘价、最低价、最高价数据展示,适合股票、基金和价格走势分析。
柱状图工具
使用表格编辑数据,基于Recharts的专业柱状图可视化工具,表格编辑支持实时预览,主题切换,多格式导出
折线图工具
使用表格编辑数据,基于Recharts的专业折线图可视化工具,表格编辑支持实时预览,主题切换,多格式导出
堆叠面积图工具
使用表格编辑数据,基于Recharts的专业堆叠面积图可视化工具,表格编辑支持实时预览,主题切换,多格式导出