雷达图

  • 文档创建者:文档助手1
  • 编辑次数:17次
  • 最近更新:Leo.Tsai 于 2020-07-03
  • 1. 概述

    1.1 应用场景

    雷达图又称蜘蛛网图,将多个维度的数据量映射到起始于同一个圆心的坐标轴上,结束于圆周边缘,然后将同一组的点使用线连接起来。

    利用雷达图,可以直观地展现多维数据集,查看哪些变量具有相似的值、变量之间是否有异常值。雷达图表也可用于查看哪些变量在数据集内得分较高或较低,因此非常适合显示性能。

    1.2 图表特点

    优点:适合展现某个数据集的多个关键特征,适合展现某个数据集的多个关键特征和标准值的比对,适合比较多条数据在多个维度上的取值。

    缺点:雷达图包含的多边形数量是有限的,一般四到八个,比较的记录条数不宜太多;由于径向距离很难判断,虽然有网格线的参考,还是很难直观的比较图表内变量具体的值。

    2. 属性介绍

    2.1 类型

    以单元格元素或悬浮元素插入雷达图后,可在右边属性面板的类型设置项下,自由选择2种子类型,如下图所示:

    2020-04-12_17-02-43.png

    2.1.1 雷达图

    普通的雷达图,根据面积的大小比较各数据量之间的差异,可以用来展示企业综合情况、项目优势及劣势,也可以用于个人能力的展示。

    2020-04-13_23-05-38.png

    2.1.2 堆积柱形雷达图

    不仅仅可以直观的看出每个系列的值,还能够反映出系列的总和,尤其是当需要看某一单位的综合以及各系列值的比重时,最适合使用堆积柱形雷达图。

    2020-04-13_23-06-14.png

    2.2 数据

    雷达图数据绑定的详细介绍可以参见文档:图表数据

    2.3 样式

    雷达图样式设计的详细介绍可以参见文档:图表样式

    1)雷达图的样式>系列设置项跟基础样式有所不同,单独介绍:

    • 配色:可以切换雷达图区域的色彩搭配,目前有8种。

    • 形状:可切换雷达图边缘轮廓,目前有圆形和多边形两种。

    • 线型:可选择雷达图的边界线粗细程度。

    • 空值断开:选择开启,如果出现某一类别无数据,整个图形轮廓是间断的,选择关闭,会将断值附近最近的两个数据连成一条完整的线。

    • 点样式:可选择常规或自定义,自定义可以自己上传图片,常规可以设置类型、填充颜色、半径等内容。

    • 类型:雷达图上数据点的样式,目前有9种。

    • 填充颜色:雷达图数据点的填充颜色,可选择系列色和自定义颜色两种。

    • 半径:可控制雷达图数据点的大小,以0.5增幅变动。

    • 填充颜色:雷达图数据面积的填充颜色,可选择系列色和自定义颜色两种。

    • 不透明度:可设置雷达图数据面积的透明度,可以设置0~100%。

    Snag_33a2fde3.png

    2)雷达图的样式>坐标轴>极角轴设置项跟基础样式有所不同,单独介绍:

    • 轴标签:控制极角轴分类的值显示或隐藏。

    • 字符:可设置标签字体、大小、颜色、倾斜程度及加粗。

    • 文本旋转:控制轴标签的旋转方向,旋转范围为-90~90。

    • 标签间隔:极角轴标签间隔可设置为自动或固定值。

    • 类型:可设置极角轴轴线的粗细程度。

    • 颜色:可设置极角轴轴线的颜色,默认为灰色。

    • 轴标签格式:可设置极角轴轴标签通用或自定义两种。

    2020-04-14_23-20-51.gif

    3)雷达图的样式>坐标轴>极径轴设置项跟基础样式有所不同,单独介绍:

    • 轴标签:控制极径轴分类的值显示或隐藏。

    • 值定义:分为统一计算、分别指定,统一计算可设置自定义最小值、自定义最大值、自定义主刻度单位、自定义对数底数,分别指定可选择数据集,设置分类的最大值、最小值。

    • 自定义最小值:控制极径轴最小长度

    • 自定义最大值:控制极径轴最大长度

    • 自定义主刻度单位:控制极径轴刻度值,可配置公式。

    • 自定义对数底数:控制极径轴刻度值的变化,如选择=10,坐标轴刻度为1,10,100,1000等。

    • 类型:可设置极径轴轴线的粗细程度。

    • 颜色:可设置极径轴轴线的颜色,默认为灰色。

    • 轴标签格式:可设置极径轴轴标签通用或自定义两种。

    2020-04-14_23-22-01.gif

    2.4 特效

    雷达图特效设置的详细介绍可以参见文档:图表特效

    3. 示例

    3.1 报表设计

    3.1.1 数据准备

    新建数据集 ds1,数据库查询语句如下:

    select 类别名称,库存量,订购量,再订购量 from 产品,类别

    where 产品.类别ID=类别.类别ID and 类别名称!="日用品" 

    order by 类别名称

    1586413981781773.png

    3.1.2 组件设计

    将2个雷达图拖拽到 body 组件中,分别设置成2个不同的子类型,调整它们之间的位置关系,如下图所示:

    2020-04-15_09-04-18.png

    3.1.3 数据绑定

    2个子类型的数据绑定方法是一样的,如下图所示:

    2020-04-12_17-43-30.png

    3.1.4 样式设计

    雷达图需要修改标题,可设置极径轴标签不显示,选择样式>坐标轴>极径轴,将标签设置为隐藏,其余默认设置即可,如下图所示:

    2020-04-12_17-50-43.png

    3.2 效果预览

    1)PC 端

    保存报表,点击表单预览,效果如下图所示:

    2020-04-15_09-00-46.png

    2)移动端

    222.jpg

    4. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\BasicChart\雷达图.frm

    点击下载模板:雷达图.frm

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!