水球图插件

  • 文档创建者:caott666
  • 编辑次数:5次
  • 最近更新:Leo.Tsai 于 2020-05-29
  • 1. 版本

    1.1 版本

    报表服务器版本

    JAR 包版本

    插件版本

    10.02017-08-15
    V1.1.2
    9.0
    8.0

    注:不支持移动端。

    1.2 应用场景

    与 扩展图表插件 的 水球图 不同,该插件可以实现百分比数据层级展示,且可以自定义水球图的各种属性样式。效果如下图所示:

    E4CC3932-B5C3-4DD4-BEE2-8786A9F1408F.GIF

    1.3 功能介绍

    • 水球图用于展现单个百分比数据。

    • 水球图的属性样式可自定义,实现酷炫的数据展示效果。

    • 可以将百分比数据按照进度分层展示。

    2. 插件介绍

    2.1 插件安装

    点击下载插件:水球图插件

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

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

    2.2 操作方法

    1)普通报表

    插件安装后,选中单元格,点击插入图表快捷按钮,图表类型界面会新增报表类型水球图,直接插入到单元格中即可。

    Snag_aa6807f.png

    2)决策报表

    插件安装后,在图表管理面板将水球图拖入到报表设计主体中使用。

    Snag_aa97fb5.png

    2.3 属性设置

    2.3.1 数据

    绑定水球图数据,目前只支持数据集数据,不支持单元格数据。其中数据字段为百分比数据。

    1.png

    2.3.2 样式

    可以自定义标题、标签文字、波浪、环线等属性的格式。

    4.png

    3. 示例

    3.1 数据准备

    新建内置数据集,重命名为水球图测试

    Snag_ab91e2e.png

    3.2 报表设计

    1)以普通报表为例,将水球图插入报表中。

    Snag_abc5ec3.png

    2)如下图绑定水球图的数据。

    1.png

    3)修改标题为水球图,标题字体为20,提示文案为每季度结算,其余采用默认设置。

    Snag_ac0b377.png




    3.3 效果预览

    保存报表,点击分页预览,水球图效果如下图所示:

    注:标签60%是数据集中的第一条数据。

    E4CC3932-B5C3-4DD4-BEE2-8786A9F1408F.GIF

    4. 模板下载

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

    点击下载模板:水球图插件.cpt


    附件列表


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