页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

1 概述

雷达图又称戴布拉图或蜘蛛网图,它从一个中心点向外辐射出多条坐标轴,每一个分类数据都占有一条数值坐标轴,并连接各坐标轴上同一系列的值构成一个个不规则多边形;在任何一个轴上:

  • 靠近图形中心的点表示一个较低的数值。
  • 靠近图形边缘的点表示一个较高的数值。

雷达图多种不同形态的类型可供切换,包括:棱角面积雷达图、棱角线雷达图、圆环面积雷达图和圆环线雷达图

2 业务场景

1、场景描述:说明:棱角面积雷达图、棱角线雷达图、圆环面积雷达图和圆环线雷达图四种图的画法一致,只是展现方式不同,以下场景以棱角面积雷达图和圆环线雷达图为例。

2.1 业务场景一

1、场景描述:查看公司产品不同客户类型的销售量,如下图所示:

Image Added

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)(1)在仪表盘编辑界面中新建一个 圆环线雷达图在数据选择区中,勾选 发货区域公司类型 、 产品类别 和 销售额销售量 字段,由系统自动分配到 X轴  Y轴维度  标记 > 颜色 指标 上;或拖拽 发货区域公司类型 字段到 X轴维度 ,产品类别销售量 字段到 Y轴 销售额 字段到  标记 > 颜色 

(2)

...

  指标 由该雷达图可知:该产品在D公司类型销售量最高,最受欢迎。

Image Added

(2) 组件设置 > 属性 > 基础 中设置 数据点 > 形状  圆角矩形 ,数据点 > 大小  10 ; 半径 设置为 70% 。效果如下图所示:

Image Added

4、在组件设置中,可以通过设置 轴线样式显示风格 来切换雷达图的类型,效果如下图所示:

Image Added

2.2 业务场景二

1、场景描述:查看公司同系列的高低端产品竞争力对比情况,如下图所示:

Image Added

2、数据结构如下图所示:

Image Added

3、数据来源见附件:雷达图数据.xls.

4、操作步骤

(1)在仪表盘编辑界面中新建一个 棱角面积雷达图在数据选择区中,勾选 公司要素 高端产品 低端产品 字段,由系统自动分配到 维度  指标 上;或拖拽 公司要素 字段到 维度 ,高端产品 和 低端产品 字段到  指标 

Image Added

(2)在组件设置区,设置 属性 > 图例 > 位置下方

Image Added

(3)对雷达图进行样式设置:

  •  刻度数 :刻度数为“10”。
  •  轴线 :轴线为“显示”,线条颜色为”#F5A623“。
  •  隔线隔线为“显示”,线条颜色为”#7ED321“。
  •  隔区隔区为“显示”,分别设置隔区颜色为“#86EFEF”、”#50E3C2“。

Image Added

3 更多功能

  • 更多的图形属性设置项的详细介绍,可参考文档:图形属性

  • 配色修改:如需修改图形配色,可参考文档如需修改图形配色,可参考文档:颜色设置

  • 交互设计:如需了解交互相关功能,可参考文档交互设计:如需了解交互相关功能,可参考文档:交互设计

信息

雷达图不支持层级下钻。