决策报表示例之组件联动

  • 文档创建者:文档助手1
  • 编辑次数:17次
  • 最近更新:Carly 于 2019-10-11
  • 1. 描述

    很多时候,我们除了要通过报表或者图表来展示数据的同时,由于数据间之间都是相互联系的,故也需要报表和图表之间相互存在联系

    比如说:我们通过控件过滤来查看不同地区的销量情况,同时还可以点击产品类型的扇形块查看该产品类型下的产品的销量,实现效果如下图所示:

    222

    2. 示例

    打开模板%FR_HOME%\webroot\WEB-INF\reportlets\doc\frm\决策报表入门2.frm,我们在此模板的基础上进行修改。

    点击下载模板:决策报表入门2.frm

    2.1 新增组件

    如效果图所示,拖拽一个饼图组件至柱形图的左侧,如下图所示:

    2.2 新增数据集

    新建一个数据集 ds2:SELECT * FROM [销量] where 地区 ='${地区}' and  1=1 ${if(len(product)==0,"","and 产品类型='"+product+"'")}

    2.3 组件数据绑定

    2.3.1 饼图

    选中饼图组件,在右侧的图表属性表-数据选项中设置其数据,数据集选择 ds1,汇总方式选求和,如下图所示:

    222

    2.3.2 柱形图

    选中柱形图,修改其数据来源,数据来源于新建的ds2数据集,分类轴仍然为销售员,系列名修改为产品,系列值仍然为销量,如下图所示:

    222

    2.4 超级链接设置

    效果图表,点击饼图,柱形图数据随之发生变化,表明点击饼图的时候,将数据传递给了柱形图,使柱形图绑定的数据集 ds2 的参数值发生了变化,故柱形图也随之变化。

    选中饼图,点击图表属性表-特效>交互属性,新增一个超级链接,超级链接方式选择动态参数,点击+,参数输入 product(与 ds2 的 SQL 语句参数名一致),其值选择系列名称,如下图所示:

    222

    注:如果是直接超级链接到当前决策报表的不同组件,超级链接的方式应该选择当前决策报表对象。

    2.5 决策报表样式设计

    在决策报表右下方的组件列表界面中选中 body 主框架,将内边距全部设置为 10,组件间距设置为 5,如下图所示:

    222

    同时分别为表格组件和 2 个图表组件添加黑色边框,如下图,选中表格组件,点击属性表中样式属性后面的选项按钮,设置其边框以及边框颜色,如下图所示:

    222

    以同样的方法为其他 2 个组件设置边框。

    注:决策报表组件间的联动效果是根据超级链接连接到当前决策报表对象来实现,其设置方式与普通 cpt 报表的图表链接一样,这里就不再赘述。

    3. 效果查看

    保存模板,点击预览按钮,在 Web 端打开模板,点击饼图的扇形,效果如下图所示:

    222

    4. 已完成模板

    已完成模板,请参照%FR_HOME%\webroot\WEB-INF\reportlets\doc\Frm\决策报表入门3.frm

    点击下载模板:决策报表入门3.frm

    附件列表


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