# 象形图生成器

使用图标/符号创建象形图来表示数量，支持自定义图标、颜色和布局

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

- **分类:** Data Visualization

- **关键词:** 象形图, 图标图表, 符号可视化, 数量表示, 数据可视化, 图标图形

## 概述

象形图生成器是一款直观的数据可视化工具，通过将数值转化为图标或符号，帮助用户以更生动、易懂的方式展示统计数据。无论是展示人口分布、资源分配还是销售业绩，你都可以通过自定义图标类型、颜色、布局及间距，快速生成专业且具有视觉冲击力的象形图表。

## 输入项

- **图表标题** (text): 显示在象形图上方的标题
- **数据项** (textarea): JSON数组格式的数据项，包含标签、数值和可选颜色属性
- **图标类型** (select): 选择图标类型
- **自定义图标** (text): 选择"自定义图标"时使用的表情符号
- **图标值** (number): 每个图标表示的数值
- **图标大小** (number): 每个图标的像素大小
- **图标间距** (number): 图标之间的像素间距
- **每行最大图标数** (number): 每行最大图标数量（0=无限制）
- **布局** (select): 选择布局
- **文本对齐** (select): 选择对齐方式
- **默认图标颜色** (color): 图标的默认颜色（可被单个项目的颜色覆盖）
- **背景颜色** (color): 图表的背景颜色
- **边框颜色** (color): 图标的边框颜色
- **边框宽度** (number): 边框宽度（像素）
- **字体大小** (number): 标签和数值的字体大小
- **标题大小** (number): 图表标题的字体大小
- **字体粗细** (select): 选择字体粗细
- **标题粗细** (select): 选择标题粗细
- **标题颜色** (color): 图表标题的颜色
- **显示数值** (checkbox): 在标签旁边显示数值
- **显示标签** (checkbox): 显示分类标签
- **显示图例** (checkbox): 显示图标值的图例
- **启用动画** (checkbox): 加载时动画图标
- **圆角图标** (checkbox): 为图标应用圆角

## 适用场景

- 需要将枯燥的统计数字转化为直观的视觉图形时。
- 在演示文稿或报告中，希望通过图标增强数据表现力时。
- 需要对比不同类别之间的数量差异，并追求简洁美观的展示效果时。

## 工作原理

- 输入 JSON 格式的数据项，包含标签、数值及对应的颜色设置。
- 选择预设的图标类型（如人物、星星、货币等）或使用自定义表情符号。
- 调整图标大小、间距、布局方式及标题样式，实时预览生成效果。
- 确认配置无误后，即可生成并导出可视化象形图。

## 使用案例

- 人力资源：使用人物图标直观展示各部门的人员构成比例。
- 市场营销：通过货币或购物袋图标展示不同产品的销售额对比。
- 教育培训：利用星星或奖杯图标展示学生或团队的成就等级。

## 常见问题

### 我可以自定义图标吗？

可以，在“图标类型”选项中选择“自定义图标”，然后在“自定义图标”输入框中填入你想要的表情符号即可。

### 如何调整图标的排列方式？

你可以通过“布局”选项选择“灵活流式”或“固定网格”，并设置“每行最大图标数”来控制图表的形状。

### 数据项 JSON 格式应该怎么写？

请使用数组格式，例如：[{"label": "A", "value": 10, "color": "#3b82f6"}, {"label": "B", "value": 20, "color": "#ef4444"}]。

### 图标的大小和间距可以精确控制吗？

可以，工具提供了“图标大小”和“图标间距”的数值滑块，支持以像素为单位进行精确调整。

### 生成的图表支持动画效果吗？

支持，勾选“启用动画”选项后，图表在加载时会呈现动态展示效果。

## 相关工具

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

## 示例

- [Grafana 高级应用示例](https://elysiatools.com/zh/samples/grafana-samples): 全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
- [二维码示例](https://elysiatools.com/zh/samples/qrcode-samples): 用于测试二维码读取和生成工具的示例二维码图像
- [ELK Stack 日志分析示例](https://elysiatools.com/zh/samples/elk-stack-samples): 全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
- [WebRTC 实时通信示例](https://elysiatools.com/zh/samples/webrtc-samples): 全面的 WebRTC 示例，用于点对点音视频通信、数据通道、屏幕共享和信令服务器实现