热力图制作工具

在线热力图制作工具，用矩阵形式展示二维数据密度，支持自定义颜色映射、单元格标签。

数据

JSON: { xLabels, yLabels, values: number[][] }（values[y][x]）；CSV: 首行 x 标签，首列 y 标签

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

升级 Pro 解锁热力图 AI 分析

PRO

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

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

功能说明

在线热力图制作工具，用矩阵形式展示二维数据密度，支持自定义颜色映射、单元格标签。

  • 一周各时段活跃度矩阵
  • 商品销量地域-时间分布
  • 相关性热力矩阵

如何使用

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

数据格式说明

JSON: { xLabels, yLabels, values: number[][] }（values[y][x]）；CSV: 首行 x 标签，首列 y 标签

导出格式：PNG（2× 高清）· SVG（矢量）· ECharts JSON

常见问题 FAQ

热力图的数据格式是什么？

JSON：{ xLabels, yLabels, values: number[][] }，values[y][x] 为对应单元格数值；CSV：首行 X 标签，首列 Y 标签，其余为数值。

热力图的颜色深浅怎么确定？

系统自动计算最小值到最大值区间，用 visualMap 映射到当前主题色阶，数值越大颜色越深。

热力图适合展示什么数据？

适合时间-行为矩阵（如一周内每天每小时活跃度）、相关性矩阵、地理网格密度等二维规律性数据。

如何在单元格中显示数值？

开启「显示数据标签」开关，每个格子会同时显示数值和颜色，适合精确数据展示。

其他工具

雷达图工具

使用表格编辑数据，基于Recharts的专业雷达图可视化工具，表格编辑支持实时预览，主题切换，多格式导出

南丁格尔玫瑰图工具

使用表格编辑数据，基于Recharts的专业南丁格尔玫瑰图可视化工具，表格编辑支持实时预览，主题切换，多格式导出

K 线图制作工具

在线 K 线图制作工具，支持开盘价、收盘价、最低价、最高价数据展示，适合股票、基金和价格走势分析。

柱状图工具

使用表格编辑数据，基于Recharts的专业柱状图可视化工具，表格编辑支持实时预览，主题切换，多格式导出

折线图工具

使用表格编辑数据，基于Recharts的专业折线图可视化工具，表格编辑支持实时预览，主题切换，多格式导出

堆叠面积图工具

使用表格编辑数据，基于Recharts的专业堆叠面积图可视化工具，表格编辑支持实时预览，主题切换，多格式导出

热力图功能说明

在线热力图制作工具，用矩阵形式展示二维数据密度，支持自定义颜色映射、单元格标签。 页面内置示例数据、专业配置、导出、分享和 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 个关键类别或系列内；如果数据更多，可以开启数据缩放、隐藏部分标签，或拆成多张图。这样导出到报告和移动端查看时都更清晰。

热力图和其他图表有什么区别？

热力图更适合在线热力图制作工具，用矩阵形式展示二维数据密度，支持自定义颜色映射、单元格标签。。如果你要看构成占比，可考虑饼图或环形图；如果要看趋势，可考虑折线图；如果要看关系流向，可考虑桑基图或关系图。

热力图的 Pro AI 分析能做什么？

Pro AI 会结合当前数据、图表类型和样式配置，生成关键洞察、风险提示、行动建议、图表优化和下一步计划。免费用户可查看演示数据，Pro 用户可直接生成基于真实输入的分析。

其他工具

雷达图工具

使用表格编辑数据，基于Recharts的专业雷达图可视化工具，表格编辑支持实时预览，主题切换，多格式导出

南丁格尔玫瑰图工具

使用表格编辑数据，基于Recharts的专业南丁格尔玫瑰图可视化工具，表格编辑支持实时预览，主题切换，多格式导出

K 线图制作工具

在线 K 线图制作工具，支持开盘价、收盘价、最低价、最高价数据展示，适合股票、基金和价格走势分析。

柱状图工具

使用表格编辑数据，基于Recharts的专业柱状图可视化工具，表格编辑支持实时预览，主题切换，多格式导出

折线图工具

使用表格编辑数据，基于Recharts的专业折线图可视化工具，表格编辑支持实时预览，主题切换，多格式导出

堆叠面积图工具

使用表格编辑数据，基于Recharts的专业堆叠面积图可视化工具，表格编辑支持实时预览，主题切换，多格式导出

    问题反馈