雷达图

雷达图

1.1 应用场景

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

图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. 移动端独立配置布局
2024-05-26
0 0