其他交互

<< Click to Display Table of Contents >>

当前位置:  可视化数据计算和交互分析 > 数据处理与分析 > 交互分析 

其他交互

复制链接

1. 概述

1.1 应用场景

用户可以根据业务分析的需要,动态展示图表、控制模型视角和动画,提升数据分析的直观性和互动性。例如,在销售数据分析中,用户可以通过点击不同的按钮,动态展示销售数据的柱状图或地图,或者通过鼠标悬停控制3D模型的视角和动画,从而更深入地理解数据背后的故事。

1.2 功能简介

"其他交互"允许用户产品中,除了超链接外,还能定义鼠标单击、鼠标移入、鼠标移出等多种交互事件。这些交互事件可以触发显示、隐藏、控制模型动画、切换模型视角、等待等多种执行动作,通过灵活的交互设置,能够满足多样化的动态展示需求,使得数据分析报告的展示更加动态和灵活。

2.功能说明

2.1 支持添加其他交互的组件

所有支持超链接的组件均支持添加其他交互动作。

2.2 设置方式及说明

选择一个支持添加超链接的区域,例如柱状图的柱子,鼠标悬浮到【设置 > 交互 > 其他交互】后面的加号图标,可以选择添加交互事件。

dataprocess_interaction1

2.2.1 交互事件

支持鼠标单击时、鼠标移入时、鼠标移出时,一个区域可以添加不同的交互事件。

2.2.2 执行动作

鼠标完成动作后执行的动作,同一个交互事件下可以依次添加多个动作。

显示

控制显示报告中的某个组件或模型。支持设置动画效果(如淡入、滑入等)和自定义动画时长。

1)显示组件

dataprocess_interaction2

目标类型选择“组件”,下面显示相关设置项,支持选择报告中的任意一个组件或者组合,也支持设置动画,包括空、淡入、从左滑入、从右滑入,设置空代表无动画效果,支持自定义动画时长。

2)显示模型

dataprocess_interaction3

目标类型选择“模型”,支持选择报告中的3D模型组件内的一个模型或组合,不支持设置动画。

示例:

先将图表1和3d模型组件里面的Eiffel_Tower隐藏。

dataprocess_interaction4_zoom60

在顶部添加一个文本框,添加交互事件:鼠标单击时显示图表1和Eiffel_Tower,如下。

dataprocess_interaction5

您可以在交互事件列表里面点击编辑或删除按钮,编辑或删除某一个动作。

预览查看交互效果:

dataprocess_interaction5

也可以添加从左滑入效果:

dataprocess_interaction6

隐藏

控制隐藏报告中的某个组件或模型。支持设置动画效果(如淡出、滑出等)和自定义动画时长。整体菜单和“显示”类似,只是执行的动作相反。

1)隐藏组件

dataprocess_interaction6

目标类型选择“组件”,下面显示相关设置项,支持选择报告中的任意一个组件或者组合,也支持设置动画,包括空、淡出、从左滑出、从右滑出,设置空代表无动画效果,支持自定义动画时长。

2)隐藏模型

dataprocess_interaction7

目标类型选择“模型”,支持选择报告中的3D模型组件内的一个模型或组合,不支持设置动画。

示例:

添加一个文本框,添加交互事件:鼠标单击时隐藏图表1和Eiffel_Tower,隐藏图表1动画为向左滑出,动画时长500ms。

dataprocess_interaction8

预览查看效果:

dataprocess_interaction8

控制模型动画

开启或关闭3D模型组件内部的动画,支持选择特定模型及其关联的动画进行控制。

dataprocess_interaction9

选择组件:当报告内存在多个3D模型组件时,您可以选择其中一个进行控制。

选择需要控制的动画:当选择一个组件后,下方列表会展示当前渲染的模型文件内包含的动画,您可以勾选需要控制的动画。
操作:可以选择开启或关闭动画,默认开启。

仅控制交互对象自己的动画:勾选以后,仅控制和操作对象关联的动画,例如列表内选择的动画包括动画1、动画2、动画3,操作对象是模型A,模型A关联动画为动画1,此时操作模型A,只会开启或关闭动画1。

示例:

添加一个文本组件,并添加交互事件:鼠标单击时开启图表3的螺旋桨动画。

dataprocess_interaction16_zoom81

预览查看交互效果:

dataprocess_interaction16

切换模型视角

切换3D模型至指定的视角。支持选择特定模型或自定义视角进行切换。

dataprocess_interaction10

选择组件:当报告内存在多个3D模型组件时,您可以选择其中一个进行控制。

视角:当选择一个组件后,下拉列表会展示当前模型组件的模型列表以及自定义的视角,若选择的是模型,会将相机聚焦到该模型;若选择的是视角,则直接将镜头切换到该视角。

示例:

先给3D模型组件添加一个正视角,如下:

dataprocess_interaction11_zoom89

在顶部添加两个文本,文本1添加交互:鼠标移入时切换模型视角为模型的Eiffel_Tower;文本2添加交互:鼠标移入时切换模型视角为视角-正视角。

dataprocess_interaction12_zoom89

dataprocess_interaction13

预览查看交互效果:

等待

在两个交互动作之间设置等待时间,以实现动作的先后顺序执行。当您添加了多个交互动作时,这些动作通常是同时执行的,如果您期望动作存在执行先后顺序,可以在两个动作直接添加等待时间。

示例:

图表5默认显示,图表6隐藏。

dataprocess_interaction14

添加一个文本,依次添加3个鼠标单击时的交互事件:隐藏图表5、等待2000ms、显示图表6,并且显示和隐藏添加滑入滑出动画。

dataprocess_interaction15_zoom75

预览查看交互效果。

dataprocess_interaction15