6.11 页面跳转

​ 页面跳转允许用户从DataViz图册跳转到Web页面(HTML页面和DataViz图册)。用户可以通过图表进行页面跳转,也可以通过富文本、图片和图标进行跳转。Dataviz支持在页面跳转时向目标页面传递图表参数、图册条件和图册参数。页面跳转仅在图册播放时生效。

​ 跳转功能设置位于每个资源块的“内容设置”中:

story_page_link-1

​ 地址跳转的设置界面如下图所示。在页面左侧的“跳转列表”中,包含所有图表能够跳转的目标项,右侧的“添加”按钮能够添加新的跳转目标项(分为HTML页面和DataViz图册两类)。用户可根据具体业务,点击目标项右侧的“编辑”按钮即可对目标项进行重命名,点击“删除”按钮即可删除该目标项。

story_page_link-2

​ 用户可根据自身需要,选择跳转页面为当前页、新页面和弹出页面,选择“弹出页面”时只做一级跳转,即弹出页面上不再支持跳转。选择“弹出页面”时要设置弹出页面的宽高,指定像素值或相对于父页面的百分比。当勾选了“已分享链接访问”时,跳转到的目标图册页以分享链接访问,不会校验权限。配置界面中分为上下两部分,上面是“向目标页面传递本图表的参数”配置传递本图表的参数,比如:当一个柱形图分类轴为省份,数值轴为人口数。传递的就是点击跳转时某一根柱子的省份名称。下面是“向目标页面传递本图册的条件”配置的是图册内的过滤条件进行传递,如果本图册内没有过滤条件,下面为空白不需要配置。当然这两项的配置都可以根据实际情况进行配置或不配置,但是跳转的逻辑多为至少要配置“向目标页面传递本图表的参数”。

story_page_link-10

6.11.1 通过图表跳转

​ 为了兼容鼠标左键的联动操作,通过图表的页面跳转默认使用右键菜单实现。如需使用左键点击跳转,请勾选“跳转设置”中的“左键跳转”。鼠标右键点击图表中的某一部位时,会弹出如下图所示的菜单选项,可跳转的页面以二级菜单的形式展现,用户点击对应的选项即可跳转到对应的界面。

story_page_link-3

6.11.1.1 跳转到Dataviz图册

​ 跳转到DataViz图册需要用户选择目标图册,这里根据项目将用户有查看权限的所有图册分类,方便用户选择。通过图表设置页面跳转时,支持将图表的参数传递给目标页面作为过滤条件,也支持将图表参数传递给目标页面的SQL参数。同时还支持向目标页面传递本图册的过滤条件和参数。

6.11.1.1.1 将图表参数作为目标图册的过滤条件

​ 用户可以根据自身需要,设定当前图册与目标图册的字段关联关系。下图中展示了将“测试图册1”中的“部门编号”与“测试图册2”中的“部门编号”字段进行关联后进行跳转,将字段作为过滤条件传递给目标图册的过程。目前,图册跳转仅支持传递维度,不支持传递数值,图表字段罗列了当前图表使用的所有维度,关联字段罗列了目标图册所使用的所有数据集的字段,供用户选择使用。

story_page_link-4

​ 这里设置的每个字段关联关系,都会作为图册条件,显示在目标图册的播放页上方。点击“播放显示”按钮可以在播放时隐藏相应的条件,再次点击恢复显示。

6.11.1.1.2 将图表参数传递给目标图册的SQL参数

​ Saca Dataviz还支持将字段值传递给目标图册的SQL参数。在上图中所示的界面进行设置,在播放时即可将维度值传递给目标图册中的指定SQL参数。

story_page_link-5

6.11.1.1.3 向目标页面传递本图册的条件

​ Saca Dataviz的页面跳转支持将本图册的条件传递给目标图册。用户可以根据需求自行选择需要传递的条件,并与目标图册的字段建立关联关系。

story_page_link-6

6.11.1.1.4 向目标页面传递本图册的SQL参数

​ Saca Dataviz的页面跳转支持将本图册的SQL参数传递给目标图册的SQL参数。用户可以根据需求自行选择需要传递的SQL参数,并与目标图册的参数建立关联关系。

story_page_link-7

6.11.1.2 跳转到HTML页面

​ 跳转到HTML页面,仅需要用户输入对应URL路径,勾选传递参数即可,若用户需要传递当前图册的过滤条件和参数,也可进行勾选对应选项。参数和条件将保存于url中,用户可以进行进一步的处理,满足不同的需求。

story_page_link-8

6.11.2 通过富文本、图片和图标跳转

​ Saca Dataviz支持通过富文本、图片或图标进行页面的跳转。通过这几种资源进行的跳转通过左键点击完成,设置的方法与通过图表基本相同,但由于这些资源不存在图表参数,所以仅支持将图册的过滤条件和参数传递到目标页面,且仅支持设置1项跳转项。

story_page_link-9

​ 具体的设置方法可以参考图表跳转的相关章节。

results matching ""

    No results matching ""

    results matching ""

      No results matching ""