3D时间轴插件

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

    1.1 版本

    报表服务器版本

    JAR 包版本

    插件版本

    10.02018-03-31
    V1.0
    9.02017-12-15V1.1
    8.02017-12-15V1.1

    1.2 应用场景

    时间轴作为一种图表类型是依据时间顺序,把一方面或多方面的事件串联起来,形成相对完整的记录体系,再运用图文的形式呈现给用户。

    现在提供3D时间轴插件,它支持通过颜色分类多层数据,支持自动播放,支持展示 tooltip 等丰富的功能。效果如下图所示:

    2020-03-19_20-06-31.gif

    注:此插件暂时不支持 IE 浏览器。

    1.3 功能介绍

    • 支持通过颜色分类多层数据。

    • 支持自动播放。

    • 支持展示 tooltip 等丰富功能。

    2. 插件介绍

    2.1 插件安装

    点击下载插件:3D时间轴插件

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

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

    2.2 操作方法

    1)打开设计器,点击图表,选择3D时间轴控件,拖拽至相应的 frm 报表。

    QQ图片20200319195300.png

    2.3 属性设置

    2.3.1 数据

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

    1)数据集数据

    2020-03-19_19-54-18.png

    2.3.2 样式

    包含的样式有:

    • 背景       颜色:设置图表背景,默认为灰色。

    • 分类栏目数   :设置分类的数量,默认为5,此处决定下面的分类数量。

    • 是否显示地形:设置是否显示地形,默认为是。

    • 地形       颜色:设置地形颜色,默认为淡绿色。

    • 分类一           :设置标题,默认为白酒。

    • 分类一颜色    :设置分类一颜色,默认为橙色。

    2020-03-19_19-54-40.png

    3. 示例

    3.1 数据准备

    新建如下图所示内置数据集,重命名为酒类盈利分析

    2020-03-19_20-11-18.png

    3.2 报表设计

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

    QQ图片20200319195353.png

    2)如下图绑定好 3D 时间轴的数据信息。

    2020-03-19_20-09-28.png

    3)分类栏目数选择5,其他均采用默认设置。

    2020-03-19_20-08-37.png

    3.3 效果预览

    保存报表,点击表单预览3D时间轴展示示例如下:


    2020-03-19_20-06-31.gif

    注:不支持移动端。

    4.模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\3D时间轴插件.frm

    点击下载模板:3D时间轴插件.frm



    附件列表


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