反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

扩展图表轮播联动

  • 文档创建者:Leo.Tsai
  • 历史版本:12
  • 最近更新:Alicehyy 于 2022-06-08
  • 1. 概述

    1.1 应用场景

    大屏用于 PC 端展示使用时,常常需要图表能实现自动轮播或刷新,且可以联动其他组件也动态变化。

    例如下图,当地图轮播显示地理位置时,右侧的指标卡和水球图也能显示对应地区的数据。

    5D91DF41-759D-49E4-A2E7-296E5FF80807.GIF

    1.2 功能简介

    具有轮播效果的几种扩展图表:轮播 GIS 点地图 、轮播三维组合地图 、轮播 KPI 指标卡 、轮播目录齿轮 、轮播夜光仪表盘 、水球图 、像素点图 可设置「特效>轮播联动」。

    具体刷新效果的 粒子计数器 图表可设置「特效>刷新联动」。可设置图表轮播或刷新时触发联动效果。如下图所示:

    Snag_2ab1431d.png

    普通报表中联动对象可设置「联动单元格」或「联动悬浮元素」,决策报表中联动对象可设置「当前决策报表对象」。

    支持设置被联动的对象是重新触发加载动画或是增量刷新。

    • 重新加载:指图表组件整体重新加载。

    • 增量刷新:指图表动画从消失到出现。

    Snag_2ab3ae7f.png

    2. 示例

    本文以 轮播 GIS 点地图 联动 轮播 KPI 指标卡 和 水球图 为例,说明扩展图表如何设置轮播联动。

    2.1 数据准备

    新建一张决策报表,新建数据集 ds1,输入 SQL 查询语句:SELECT * FROM GisMap

    新建数据集 ds2,输入 SQL 查询语句:SELECT * FROM GisMap WHERE 区域名='${区域名}' ,并设置区域名参数的默认值为「南京市」 。

    Snag_24dc5b36.png

    2.2 报表设计

    2.2.1 添加图表

    向决策报表 body 中分别插入 轮播 GIS 点地图、轮播 KPI 指标卡-电子、水球图。如下图所示:

    Snag_2abc6a75.png

    2.2.2 绑定图表数据

    地图要绑定 ds1 的数据,指标卡和水球图要绑定含有参数的 ds2 的数据,才可以实现地图轮播时,指标卡和水球图根据参数联动。

    1)双击轮播 GIS 点地图,在右侧属性面板中绑定地图数据,如下图所示:

    Snag_2abefe5f.png

    2)双击轮播 KPI 指标,绑定指标卡数据如下图所示:

    Snag_2ac04c99.png

    3)双击水球图,绑定水球图的数据如下图所示:

    Snag_24f093d9.png

    2.2.3 设置图表样式

    双击水球图,设置「样式>标题」为公式 =$区域名+"销售进度",让标题可以随地区动态展示。

    Snag_24f1eaed.png

    2.3 联动设置

    双击轮播 GIS 点地图,在属性面板中点击「特效」,添加两个轮播联动对象。分别重命名为「联动指标卡」和「联动水球图」。

    联动指标卡的表单对象为 chart1,联动动画为增量刷新,新增一个参数区域名,其值选择「区域名」,显示为 =AREANAME

    Snag_2acd5823.png

    联动指标卡的表单对象为 chart2,联动动画为增量刷新,新增一个参数区域名,其值选择「区域名」,显示为 =AREANAME

    Snag_2ace8e03.png

    2.4 效果预览

    保存模板,点击「PC端预览」,效果如概述中所示。

    注:不支持移动端。

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\chart\extend\地图轮播联动.frm

    点击下载模板:地图轮播联动.frm

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526