雷达图：应用场景与配置指南

雷达图：应用场景与配置指南

雷达图是一种强大的数据可视化工具，能够直观地展示多维度数据之间的关系和趋势。本文将详细介绍雷达图的应用场景和具体配置方法，帮助读者更好地理解和使用雷达图进行数据分析和展示。

雷达图

1.1 应用场景

雷达图以其独特的环形布局和多维度数据展示而闻名，使用户能够一目了然地比较多个变量的关系和趋势。例如维度雷达图（图1）可以对比不同行业的订单金额和回款趋势，而指标雷达图（图2）可以通过图形化的呈现直观的展示所有行业中，在订单金额和回款趋势表现更好的行业等

图1. 维度雷达图

图2. 指标雷达图

1.2 图表配置

1.2.1 坐标轴数据

• 维度：1个维度
• 指标：1-12个指标
  图3. 维度与指标

1.2.2 样式（web端）

1.2.2.1 基本信息

• 图表名称：新建时默认为分析主题名称，可根据图表配置修改为自定义图表名称
  图4. 图表名称
  图5. 修改图表名称
• 备注：
• 备注内容：基于当前图表可以设置备注信息，以便查看者更好的了解图表所表达的内容
• 备注样式：
• 收起：以图标的形式显示在图表详情态和卡片态的标题后面，鼠标悬浮到图标上时显示备注内容
• 外露：直接以文字的形式显示在图表详情态和卡片态的标题后面
• 不显示：图表详情态和卡片态都不展示
  图6. 添加备注内容
  图7. 备注收起hover展示效果
  图8. 备注外露展示效果
• 统计指标名称：默认按指标名称展示，可自行修改展示内容
  图9. 修改指标名称
• 维度名称：默认按维度名称展示，可自行修改展示内容
  图10. 修改维度名称

1.2.2.2 图形展示

• 展示形式：默认使用维度雷达图，可自定义切换为指标雷达图
  *维度雷达图：雷达图中的每一条半径代表一个维度值，不同颜色绘制的多边形则代表指标，对应的交点则表示维度对应指标的数值；
  *指标雷达图：雷达图中的每一条半径代表一个指标，不同颜色绘制的多边形则代表维度，对应的交点则表示维度对应指标的数值；
• 展示外观：默认按直线-阴影展示，可自定义切换按直线展示
  *直线-阴影：所有的多边形都会蒙上一层阴影，颜色和图例一致
  *直线：只展示多边形的边框，颜色和图例一致
  图11. 展示形式
  图12. 展示外观

1.2.2.3 显示设置

• 图例：默认展示在顶部，可切换为底部、左侧、右侧、无（无的意思就是不显示图例）
  图13. 图例设置
• 数据标签：
• 标签展示：
• 智能显示：基于当前展示区域，智能显示数值标签，当不同指标间的数值比较接近时，会自动隐藏某些指标的显示
• 强制显示：基于当前展示区域，显示所有数值标签，当不同指标间的数值比较接近时，可能会存在堆叠的情况
• 不显示：不显示数值
• 位置：
• 数值显示在外部：基于图表中的数值展示的位置，围绕图上的点，可以设置数值是在点的外部
• 数值显示在内部：基于图表中的数值展示的位置，围绕图上的点，可以设置数值是在点的内部
  图14. 数据标签设置
• 显示总计
• 显示方式：默认是显示，可切换为不显示；显示时，可在编辑态、详情态、卡片态（根据具体配置）展示，不显示时，所有态都不展示
• 外露设置：两个及两个以上指标时，可设置外露总计内容，默认都不勾选；当显示方式不显示时，此配置项只读不可编辑
• 卡片态显示总计：默认勾选，可去掉勾选在卡片态不显示总计；当显示方式不显示时，此配置项只读不可编辑
  图15. 配置现实总计
  图16. 配置指标总计外露
• 数据统计表：可设置是否展示数据统计表及展示位置，默认不展示，可切换为展示在图形的顶部、底部、左侧、右侧
• 卡片态不显示统计表：在展示数据统计表的基础上可设置此配置，默认勾选
  图17. 数据统计表显示配置
  图18. 数据统计表显示在右侧
• 多图展示：默认为多图展示，支持切换为单图展示
• 多图展示：
• 指标雷达图：指按照维度值将雷达图铺开展示，每一个雷达图仅表示一个维度对应的指标
• 维度雷达图：指按照指标将雷达图铺开展示，每一恶搞雷达图，仅表示一个指标对应的维度
• 单图展示：将所有数据集中在一个雷达图中进行展示
  图19. 多图展示

1.2.2.4 配色与字体

• 配色：系统支持新配色和经典配色两类配色方案，默认显示新配色下的第一套，另外可以开启无障碍花纹设置
• 新配色：支持基于某套配色方案再自定义配色
• 经典配色：不支持自定义配色
• 字体大小：系统支持用户在预设的字号中自定义字体的大小
  图20. 配色
  图21.字体大小
• 坐标轴
• 周向轴：支持用户自定义设置轴标签的显示方式，包括智能显示、强制显示、自定义显示
• 智能显示：基于当前维度的展示区域，智能显示维度值字数，超过可展示区域后显示...
• 强制显示：显示全部维度值，当存在维度值都比较长的情况时，可能存在重叠情况
• 自定义显示：默认显示3个字符，最多支持显示12个字符
• 径向轴：
• 轴范围区间：支持用户自定义调整径向轴的轴范围最大最小值，默认是按照指标的最大最小值设置的
• 显示网格线：支持用户配置是否显示网格线
  图21. 周向轴配置
  图22. 径向轴配置

1.2.3 功能配置

1.2.3.1 高级配置

• 显示指标为0的维度：默认不勾选，可勾选后展示指标为0的维度
  图23. 显示指标为0的维度
• 序号：默认不勾选，勾选后可展示序号
  图24. 添加序号
• 排序：默认不勾选，勾选后可设置维度基于本身的排序及TopN或者维度基于某个指标的排序及TopN，TopN可以选择预置的，也可手动输入具体数值
• 当维度时枚举值或者部门字段时，支持自定义排序
  图25. 排序配置
  图26. 排序效果

1.2.4 样式（移动端）

1.2.4.1 沿用WEB端布局

• 跟随WEB端布局回显，不可单独设置
  图27. 沿用web端配置

1.2.4.2 独立配置布局

• 默认按WEB端对应配置项选中的内容回显，可进一步调整成更适合移动端展示的效果
• 配置项内容及可选项比WEB端少，移动端不可单独设置的配置项默认走WEB端的配置，可设置的配置项的展示效果及逻辑同WEB端
  图28. 移动端独立配置布局