提问 发文

数字人与选项卡联动

图片

预览效果

图片
图片

实现逻辑

通过【选项卡】组件的交互功能与【数字人】组件进行联动。

图片

操作步骤

3.1 设置选项卡组件与图表组件

【组件】→【交互】→添加【选项卡】组件。

图片

【组件】→【基本柱状图】+【基本折线图】。(按照自己的需要选择)

图片

将选择的三个组件排列在一起,排列好后可以将两个图表【默认隐藏】。

图片

图片

选择【数据】,设置需要的参数,本文TabA设置为s=1,TabB设置为s=2。

图片

3.2 设置选项卡与图表组件的交互效果

在画布中选中【选项卡】,选择【交互】→【自定义事件】。

图片

点击“+”号,事件类型选【鼠标点击】。

图片

设置条件,这里以设置“TabA”为例,增加条件。

图片

将“TabA”的参数设置为条件,点击保存。

图片

添加【动作】选项,完成操作。“TabB”的操作同理。

图片

目前的效果预览:

图片

3.3 导入、合成数字人

【组件】→【交互】→添加【数字人】组件。

图片

对数字人进行文本配置,数字人组件可实现文本驱动语音的功能,文本的配置需要在【数据】里填写。

图片

合成数字人,合成的具体方法详见数字人自带教程。

图片

图片

3.4 实现交互

再次在画布中选中【选项卡】,动作选择【更新组件配置】。

图片

点击【编辑组件配置】,按下图配置数字人。

图片

在全局设置中选择【自动播放】。

图片

在【数字人合成模式】中,选择【系列一】。完成配置,“TabB”的操作同理,选择【系列二】。

图片

最后,记得将数字人本身的【播放设置】的【自动播放】勾选取消。

图片

易知微基于多年在数字孪生及数据可视化领域丰富实践,沉淀了诸多经验成果,欢迎大家互相交流学习:

《数字孪生世界白皮书》下载地址:https://easyv.cloud/references/detail/51.html/?t=shequ

《数字孪生行业方案白皮书》下载地址:https://easyv.cloud/references/detail/120.html/?t=shequ

《港口数智化解决方案》下载地址:https://easyv.cloud/references/detail/121.html/?t=shequ

想申请易知微产品免费试用的客户,欢迎点击易知微官网申请试用:https://easyv.cloud/?t=shequ

收藏 0
分享
分享方式
微信

评论

游客

全部 0条评论

轻松设计高效搭建,减少3倍设计改稿与开发运维工作量

开始免费试用 预约演示

扫一扫关注公众号 扫一扫联系客服

©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号

互联网信息服务业务 合字B2-20220090

400-8505-905 复制
免费试用
微信社区
易知微-数据可视化
微信扫一扫入群