二维项目制作、发布、私有化部署全流程免费,无任何限制 点击下载
大屏管理 组件介绍 数据源管理

如何设置组件的多状态

2021-05-12 15:32:42
浏览 0 次
您正在查看的是山海鲸旧版本教程,与山海鲸软件最新版本有很多不一致,请移步查看最新的教程 →_→ 山海鲸使用教程

摘要: 本文主要给大家介绍如何设置组件的多状态,从而可以展现不同的内容 本文内容基于山海鲸可视化软件操作,您可先免费下载山海鲸可视化后再阅读本文。 下载山海鲸可视化软件

山海鲸可视化软件中的每一个组件都可以有多个状态,初始状态下都只有一个默认状态。每个状态之间都是互相独立的,每一个状态中都可以设置字段和属性,状态之间可以通过设置状态触发条件来进行切换。

以指标卡组件为例,点击字段/属性窗口下方的“默认状态”按钮,在弹出的菜单中,我们可以点击“添加状态”按钮来添加状态。

在弹出的设置窗口中,我们可以对新添加的状态进行设置。

设置项包括状态名称、状态继承自和状态切换条件。

其中状态继承自表示当新状态完成创建后,他的字段和属性的初始值和之前的哪个状态保持一致。

状态切换条件在不同的组件中有不同的选项,包括无、鼠标悬停、鼠标点击、数据变化和绑定的选项卡选项被选中。

其中绑定的选项卡选项被选中只在选项卡按钮中被使用,具体内容请参考选项卡按钮教程。

鼠标悬停指的是当鼠标移动到该组件时,组件会跳到这个状态,当鼠标移开时,组件又跳回默认状态。

鼠标点击指的是当鼠标点击该组件且未松开时,组件会跳到这个状态,当鼠标松开时,组件会跳到其他状态。

数据变化指的是当数据源中某一个数据发生变化时,组件会跳到这个状态,当条件不满足时,组件跳回默认状态。在选择数据变化选项时,窗口下方会出现条件设置按钮。

点击“新建条件”可以打开条件设置窗口。

关于条件设置方法请参考 →_→ 如何设置条件

完成设置后我们就给当前组件添加了一个新状态,同时组件会自动切换到这个新添加的状态(这里我们只在新状态中修改了一下颜色)。

除了可以通过设置状态切换条件来切换组件的状态,我们还可以通过点击按钮或选项卡按钮来触发状态的切换,这两种设置互相独立,具体设置方法请参考按钮选项卡按钮的教程。

需要注意的是,组件在编辑时选中的状态是全屏播放时的状态,所以如果希望全屏时组件呈现的是其他的状态,需要点击状态切换按钮切换到对应的状态。

默认状态不能进行编辑,点击其他状态名称右侧的编辑按钮可以对状态进行编辑,旁边的按钮是删除该状态。

可视化农业需要的设备 可视化党建体系有六个方面 cesium开源三维地球 360可视化大屏 数据可视化工具软件有哪些 echarts gallery 智慧旅游的作用 大数据可视化展示大屏 信息可视化 放心的可视化生产管理

做数字孪生大屏,就用山海鲸

顶级视效 | 自由编辑 | 二次开发

免费下载