箱型图插件

  • 文档创建者:caott666
  • 编辑次数:2次
  • 最近更新:Leo.Tsai 于 2020-03-27
  • 1. 概述

    1.1 版本

    报表服务器版本

    JAR 包版本

    插件版本

    10.02017-03-31
    V1.2
    9.02017-12-15V1.4
    8.02017-12-15V1.4

    1.2 应用场景

    箱形图是一种用作显示一组数据分散情况资料的统计图表。它能显示出一组数据的最大值、最小值、中位数、上下四分位数、及异常值。在各种领域也经常被使用,常见于品质管理。

    现提供箱形图插件,它主要用于反映原始数据分布的特征,还可以进行多组数据分布特征的比较。

    效果如下图所示:

    336F6D29-98A2-459E-8676-3C06A644E76E.GIF

    分析:

    1、各科成绩中,英语的平均成绩比较高,而市场营销学和计算机应用基础的平均成绩比较低。

    2、从各个箱形图的中位数和上下四位数的间距也可以看出,英语和市场营销学的成绩分布是非常的对称。

    3、在计算机应用基础对应的箱形图出现了个异常点,我们回去看看成绩单,计算机那一栏,出现了个计算机大牛,考了95分,比第二名多了14分。而其他同学的成绩整体在80分左右。

    1.3 功能介绍

    • 本插件支持自定义数据集配置,数据库查询及内置数据集等,用户可自定义自己的业务数据,只需导入数据,即可以把一组数据以盒子图表模型呈现到您面前。

    • 本插件支持自定义图表样式配置,包括标题、背景颜色、图例颜色、自动属性等丰富配置功能

    • 本插件支持 edge/chrome/firefox/ie9 及以上等主流浏览器。

    2. 插件介绍

    2.1 插件安装

    点击下载插件:箱形图插件

    设计器插件安装方法参照:设计器插件管理

    服务器安装插件方法参照:服务器插件管理

    2.2 操作方法

    1)打开设计器,点击图表,选择箱形图控件,拖拽至相应的frm报表。

    QQ图片20200326225543.png

    2.3 属性设置

    2.3.1 数据

    1)数据集数据

    注:暂不支持单元格数据集。

    2020-03-26_22-58-08.png

    2.3.2 样式

    1)标题

    是否显示主标题、文本、位置、主题样式、子标题内容、子标题样式。

    QQ图片20200326225940.png

    2)图表

    可配置背景色、箱型图、散点图、提示框背景、提示框字体。

    QQ图片20200326230027.png

    3)坐标轴

    可配置 X 轴名字、字符及是否显示,可配置 Y 轴名字、字符及是否显示。

    QQ图片20200326230139.png

    4)标签

    可配置内容、样式、字符。

    2020-03-26_23-02-01.png

    3. 示例

    3.1 数据准备

    新建如下图所示内置数据集,重命名为学生各科考试成绩数据

    2020-03-26_23-07-27.png

    3.2 报表设计

    1)新建决策报表,修改body组件布局方式为绝对布局,将箱型图拖拽到报表设计主体中,调整箱型图的框体大小。

    QQ图片20200326225635.png

    2)如下图配置好数据。

    2020-03-26_23-05-51.png

    3)设置标题为学生各科考试成绩数据,其余属性选择默认。

    QQ图片20200326233116.png

    4)图表默认设置即可。

    QQ图片20200326230027.png

    5)坐标轴默认设置即可。

    QQ图片20200326230139.png

    6)标签默认设置即可。

    2020-03-26_23-02-01.png

    3.3 效果预览

    保存报表,点击表单预览,效果如应用场景中所示。

    4.模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\箱型图插件.frm

    点击下载模板:箱型图插件.frm

    附件列表


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