1. 概述

在图表上可以对图表字段进行跳转配置,点击字段跳转至其他图表或网页链接。可实现带筛选条件跳转到其他图表,或带参数值跳转网页的效果。

2. 功能介绍

2.1 跳转报表


以默认数据模型为例,在地区销售额的图表中点击图表的柱子,可以查看某个地区的销售明细,应用了一个日期筛选器(筛选2016年的数据)。

设置跳转报表的步骤:

(1)制作起始报表,具体做法可参考柱状图

图表跳转 - 图1

(2)制作跳转报表,具体做法可参考交叉表

图表跳转 - 图2

(3)回到起始报表,鼠标移动到Y轴的度量“销售额”,Hover点击下拉菜单,选择“设置跳转报表”;

1.jpg

(4)在设置跳转窗口,选择需要跳转的报表,点击确定即完成了跳转图表的设置。

2.jpg

(5)关于高级设置的说明(带筛选条件跳转到其他图表)。

  • 蓝色区域的筛选:是起始报表传递的筛选条件
  • 黄色区域的筛选:是起始报表拥有的筛选器

图表跳转 - 图5

使用跳转报表的步骤:

(1)在起始报表的阅览状态下,点击代表华东地区的柱子;

图表跳转 - 图6

(2)将会跳转到一个新的窗口。

图表跳转 - 图7

(3)若将跳转方式改为[通过浮窗显示],点击代表中南地区的柱子后效果如下:

图表跳转 - 图8 图表跳转 - 图9

2.2 跳转报告页


以默认数据模型为例,在地区销售额的图表中选中关心的数据(这里我们选择销售额最高的“华东”地区),将会跳转至更详细的报告页,同时会对该报告进行筛选,只查看“华东”地区的数据。

设置跳转报告页的步骤:

(1)与设置跳转图表类似。在报告编辑界面,柱形图对应的数据面板中,鼠标移动至“销售额”字段后右键,在下拉菜单中选择设置跳转报告页;
图表跳转 - 图10

(2)在弹出的窗口中,选择要跳转的报告页,确定后即完成了跳转报告页的设置。;
图表跳转 - 图11

使用跳转报告页的步骤:

(1)在起始报表的阅览状态下,点击代表华东地区的柱子,选择跳转报告页(前面设置过一个跳转报表,故需要选择);

图表跳转 - 图12

(2)将会跳转到一个新的报告页窗口。

2.3 跳转网页


可对字段设置跳转链接,设置后,点击字段的成员项,可打开链接对应的网页。

设置跳转至网页的步骤:

(1)右键选择要设置跳转的字段,在弹出的菜单中选择“设置跳转链接”。

图表跳转 - 图13

(2)在弹出的设置界面中输入要跳转的链接,可输入固定的链接,如www.baidu.com 也可以在链接中插入字段,跳转时则会把字段的取值作为链接。

图表跳转 - 图14

(3)配置好链接后,在阅览界面点击对应的字段成员即可进行跳转,跳转页面将在新创建的窗口内打开。

2.4 自定义事件


当报告页面被集成时,页面中的文本、矩形、图片、表格等支持设置自定义事件。自定义事件的配置数据必须为json格式(允许为空),当点击此类辅助控件或表格项时,会向父页面执行postMessage,消息体为

{
    type: 'customAction',
    payload: {
        cid: "c-123-xyz", // 组件id
        data: '{"name": "打电话"}', // 自定义数据
        compData: { // 只有表格时存在,点击的关联数据
            head: ["地区", "销售额"], // 表头
            body: [ // 表格数据
                ["东北", 233],
                ["华东", 250]
            ]
        }, 
        urlParams: { // 当前页面的url查询参数列表
            rid: 123,
            token: 456
        }
    }
}