矩形树图制作工具

在线矩形树图(Treemap)制作工具,通过面积可视化层次结构数据,支持嵌套节点与多级钻取。

数据

JSON:数组,元素含 name / value / children(可嵌套多层)

预览
样式配置
标题
颜色
图例
数据样式
专业图表
动画

升级 Pro 解锁矩形树图 AI 分析

PRO

根据当前数据和图表配置生成洞察、风险提示、汇报文案与可执行优化建议。

  • 生成 5 类图表洞察与风险提示
  • 输出 3-5 条可执行图表优化建议
  • 识别异常值、关键节点和结构偏差
  • 整理可直接复制到报告的结论摘要

功能说明

在线矩形树图(Treemap)制作工具,通过面积可视化层次结构数据,支持嵌套节点与多级钻取。

  • 部门人员分布
  • 文件目录大小可视化
  • 产品分类销售额占比

如何使用

  1. 打开页面即加载示例数据,图表已实时渲染在预览区。
  2. 在左侧"数据"面板编辑或粘贴你的数据,支持 JSON、CSV / TSV 格式,也可导入 xlsx 文件。
  3. 在右侧"样式配置"调整主题、坐标轴、图例、标签与动画等选项。
  4. 点击 PNG / SVG / JSON 按钮导出图表,或点击"分享"生成可还原当前状态的链接。

数据格式说明

JSON:数组,元素含 name / value / children(可嵌套多层)

导出格式:PNG(2× 高清)· SVG(矢量)· ECharts JSON

常见问题 FAQ

矩形树图的数据格式是什么?

仅支持 JSON:根级为数组,每项含 name(必填)、value(可选)和 children(可选,支持多层嵌套)。

矩形树图能嵌套几层?

理论上不限层数,但超过 3 层后小格子文字难以阅读,建议保持 2-3 层。

矩形树图适合展示什么数据?

适合层次结构的占比数据,如部门人员分布、文件目录大小、产品分类销售额等。

如何高亮某个分类?

鼠标悬停时图表自动高亮当前矩形并显示 tooltip;点击父级节点可下钻到该分组内部。

矩形树图功能说明

在线矩形树图(Treemap)制作工具,通过面积可视化层次结构数据,支持嵌套节点与多级钻取。 页面内置示例数据、专业配置、导出、分享和 Pro AI 分析,适合从临时制图到业务报告复用。

数据输入与恢复

  • 内置示例数据,打开即可预览
  • 支持 JSON / CSV 两类输入格式
  • 分享链接可携带数据和样式参数

样式与专业配置

  • 可调整标题、图例、坐标轴和标签
  • 支持主题配色、背景色和动画时长
  • 可配置工具箱、边距和数据缩放

导出与复用

  • 一键导出 PNG / SVG 图片
  • 复制 ECharts 配置 JSON
  • 适合嵌入报告、PPT 和业务系统

Pro AI 分析

  • 生成图表洞察和风险提示
  • 输出可执行的图表优化建议
  • 整理适合汇报复制的结论摘要

如何使用矩形树图制作工具

  1. 1在左侧数据区粘贴 JSON 或 CSV,也可以先使用默认示例快速体验。
  2. 2确认预览区已经渲染图表;如果输入格式有误,先根据错误提示修正字段或数值。
  3. 3在右侧样式配置里调整标题、配色、图例、坐标轴、标签、动画和专业参数。
  4. 4完成后可下载 PNG / SVG、复制 ECharts JSON,或生成带参数的分享链接发给同事。
  5. 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 用户可直接生成基于真实输入的分析。

    问题反馈