不等距坐标轴仪表盘插件

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

    1.1 版本

    报表服务器版本

    JAR 包版本

    插件版本

    10.02018-03-31
    V2.0
    9.02016-12-15V1.0
    8.02016-12-15V1.0

    1.2 应用场景

    帆软内置的图表中仪表盘的颜色预警仅支持对仪表盘的等分,即相同距离仪表盘。

    现在提供不等距坐标轴仪表盘插件,支持基于帆软内置仪表盘实现不等距效果。

    插件支持两种显示效果,分别如下图所示:

    仪表盘:

    Snag_808491e.png


    活动图:

    Snag_7ff7952.png

    1.3 功能介绍

    • 支持仪表盘的颜色预警。可以设置不同阶段的颜色和相应的百分比,可设置多个预警值。

    • 支持仪表盘的基本功能,如标题、背景、单位的设置。

    • 支持自定义刻度标记。

    • 支持双刻度。设置好第二个坐标轴的最大值后便可以展示两个刻度,可用于百分比的展示等。

    • 支持类似 AppleWatch 的玉玦图。

    2. 插件介绍

    2.1 插件安装

    点击下载插件:不等距坐标轴仪表盘插件

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

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

    2.2 操作方法

    打开设计器,点击图表,选择不等距坐标轴仪表盘控件,拖拽至相应的 frm 报表。

    QQ图片20200325214302.png

    2.3 属性设置

    2.3.1 数据

    1)数据集数据

    2020-03-25_21-46-12.png

    2)单元格数据

    2020-03-25_22-31-09.png

    2.3.2 样式

    1)仪表盘,可设置名称、单位、最大值、分类名称、背景颜色、自定义刻度及颜色、双刻度及单位。

    2020-03-25_21-45-43.png

    2)活动图,可设置标题、单位、最大值、背景颜色及分类的颜色。

    2020-03-25_21-46-35.png

    3. 示例

    3.1 数据准备

    新建如下图所示内置数据集,重命名为各部门指标完成情况

    2020-03-25_22-02-23.png

    3.2 报表设计

    1)新建决策报表,修改body组件布局方式为绝对布局,将不等距坐标轴仪表盘拖拽到报表设计主体中,调整不等距坐标轴仪表盘的框体大小。

    QQ图片20200325214348.png

    2)如下图绑定好不等距坐标轴仪表盘的数据信息。

    2020-03-25_22-01-12.png

    3)选择仪表盘样式,填写名称、单位,其余采用默认设置。

    2020-03-25_22-00-46.png

    4)选择活动图样式,填写标题、单位,其余采用默认设置。

    2020-03-25_21-58-10.png

    4.模板下载

    已完成模板可参见:

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\不等距坐标轴插件仪表盘.frm

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\不等距坐标轴插件活动图.frm

    点击下载模板:

    不等距坐标轴插件仪表盘.frm

    不等距坐标轴插件活动图.frm

    附件列表


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