3D模型

<< Click to Display Table of Contents >>

当前位置:  制作可视化报告 > 制作图表 > 图表类型 

3D模型

复制链接

1. 概述

1.1 应用场景

3D模型是一种通过三维形象展示物体信息的图表,比如商场的3D模型。

1.2 基本要求

图表

维度

度量

3D模型

0个或多个

0个或多个

1.3 配置要求

该配置是客户端电脑的要求,不是指服务器,开发环境的电脑可以比推荐配置略低一些,但建议最好具有独立显卡。

 

最低

推荐

CPU

12th Gen Intel Core i5-12490F 或同级别的其他类型处理器

12th Gen Intel Core i7-1255U 及以上或同级别的其他类型处理器

内存

8 GB ( DDR4 2666Hz 8GB) 或同级别的其他类型内存条

16 GB ( DDR4 3200MHz 16GB ) 及以上或同级别的其他类型内存条

显卡

NVIDIA GeForce GTX 1060 3GB 或同等级其他品牌显卡

NVIDIA GeForce RTX 3060Ti 8GB 及以上或同等级其他品牌显卡

操作系统

Windows 7 64位

Windows 10 64位及以上

浏览器

Chrome109.0.5414.122(64 位)

Chrome117.0.5938.149(64 位)及以上最新版本

FireFox102.0esr (64 位)

FireFox118.0.1 (64 位) 及以上最新版本

Edge95.0.1020.53 (64 位)

Edge117.0.2045.55 (64 位) 及以上最新版本

2. 制作图表

1)在图表组件上拖拽3D模型组件到画布区域。

Add_3d

2)将本地准备好的obj、gltf、glb格式的3D模型压缩为rar、zip格式的压缩包。

3D_model_zip

3)点击选择模型,在弹出的“选择模型”对话框中点击添加按钮,将本地准备好的rar、zip格式的3D模型压缩包上传。

select_3D_model

4)选中上传后的模型,点击确定。

select_3D_model_2

5)上传成功后,绑定模型名称、模型数据,3D模型显示效果如下。

3D_model_result

说明:

模型名称上绑定列的值需要与模型名称相同,数据才能和模型匹配。

3. 功能交互

旋转模型

您可以通过鼠标左键长按拖拽旋转模型视角。

缩放模型

您可以通过鼠标滚轮的滚动实现模型放大或缩小。

平移模型

您可以通过鼠标右键拖拽或者Ctrl+左键拖拽平移模型位置。

移动组件

在自由布局下,鼠标悬浮于组件顶部,左键按照拖拽可调整组件位置。

模型坐标系

模型坐标系是通过三维坐标系构成,X轴为红色,Y轴为绿色,Z轴为蓝色。

4. 功能说明

4.1 模型列表

点击右侧编辑栏【设置】,点击下拉图标展开模型列表,模型列表中列举了所有模型,您可以在选择模型时设置需要加载的模型层级。

隐藏:点击可见性图标可隐藏模型组、模型。

搜索:在搜索框中输入模型名称进行搜索。

3D_model_list

4.2  模型管理

删除模型

点击Delete删除图标,在删除对话框中确认删除即可。

Delete_3D_model  

同步模型

多C环境下,可以点击Sync同步图标,同步模型对话框中将集群中其他节点的模型同步到当前节点。

Sync_3D_model

4.3. 视角设置

选择模型后,视角设置下的默认视角,默认为空,还包括视角、参数、模型。其中参数为产品内置的参数以及自定义的报告参数,模型为导入模型的模型列表,视角为用户自定义的视角。选择一个默认视角后,报告加载时会自动定位到该视角,您也可以通过参数来动态控制默认视角。

3D_model_default_camera

视角操作包括添加、重命名、调整视角、删除、移动。

3D_model_camera_operation

添加:先将模型调整到期望的位置,再点击视角的添加图标,编辑视角名称,点击完成图标。添加后的视角可用于多视角切换动画。

重命名:鼠标悬浮于视角名称区域,点击显示的重命名图标,在重命名的输入框中填写完,点击完成图标。

调整视角:鼠标悬浮于视角名称区域,点击显示的调整视角图标,通过旋转、平移、缩放操作切换模型视角,点击完成图标。

删除:鼠标悬浮于视角名称区域,点击删除图标,即可删除当前视角。

移动:鼠标移动到最右侧的拖拽图标上,变为可拖拽,可上下拖拽调整视角的先后顺序。

【视角传参】:点击视角传参后的编辑图标,在左侧的视角列表中选中视角,再在右侧传递参数区域中设置参数、参数值。

Camera_transfer_parameters_dialog_settings

视角:3D模型组件已添加的所有视角的列表。

参数名:报告中的参数,可以在下拉选项中选择,也可以直接输入。

参数值:参数对应的值,可以输入单个、多个,多个值之间用英文逗号分隔开。

添加视角传参可以实现切换视角时同步修改参数值,当该参数值被其他组件用于参数过滤时,可以实现视角之间的数据联动。

举例:

报告中的工厂模型,如需切换不同的视角查看效果,可添加一个参数组件选择不同的选项实现。

Camera_transfer_parameters

【视角关联模型动画】点击编辑图标,进入“视角关联模型动画”对话框,先在右侧视角列表中选中视角,再在右侧的关联动画列表中勾选上对应的动画。

Camera_Related Model Animation

视角:3D模型组件已添加的所有视角的列表。

关联动画:3D模型所有的动画,支持单选、多选、搜索动画,可以控制在某一视角下需要播放的动画。

按顺序依次播放:默认不勾选,勾选后按照动画顺序依次播放,不勾选时列表内已选的动画自动一起播放。

添加模型关联动画,可以实现切换视角时同步加载模型动画。

4.4. 场景设置

场景设置包括场景和环境特效。

设置

选项

说明

场景

天空背景

在下拉列表中选择,包括无、蓝天、夜晚和星空,默认为蓝天。

地面

在下拉列表中选择,包括无、仿真风格、网格、自定义填充。

仿真风格

网格

网格支持设置网格密度、网格线、格子填充。

o网格密度:默认勾选上自动。

o网格线:设置网格线颜色,支持纯色。

o格子填充:设置格子填充颜色,支持纯色。

自定义填充

自定义填充支持设置背景颜色,背景颜色支持纯色,图片。

环境光源

环境光源支持添加、编辑、删除、隐藏操作,类型包括点光源、方向光、聚光灯。

点光源:支持设置位置、强度、颜色、投影。

【名称】命名默认为环境光源0开始计数。

类型:支持点光源、方向光和聚光灯。默认点光源。

【位置】点光源位置通过X/Y/Z轴确定,默认值为0/5/0。

【强度】设置光源的强度,默认2000。

【颜色】设置光源的颜色,支持纯色设置,默认白色。

【生成投影】默认不勾选“生成投影”,勾选后以当前光源生成投影。勾选“生成投影”前,需确保添加了地面,才能查看模型的投影效果。

方向光:方向光设置特定光源从开始位置到目标结束位置的照射效果,光照会作用到整个平面,设置包括强度、颜色、投影。

【开始位置】【结束位置】方向光的开始位置、结束位置X/Y/Z轴确定,默认值为0/5/0。

其他设置与点光源相同。

聚光灯:

设置聚光灯中心轴起始位置到结束位置的照射效果,设置包括角度、强度、颜色投影。

角度:设置聚光灯锥体照射的角度范围,默认30°,支持0 ~ 180°。

其他设置与点光源相同。

环境特效

粒子特效

勾选后,整体界面呈现空间粒子飞升的效果,默认不勾选。

围栏

围栏是在目标模型外增加一个由多个墙面组成且呈渐变效果的围栏。支持添加、编辑、删除操作。

添加:点击围栏添加按钮添加围栏特效。

【名称】名称默认从围栏0开始计数,在输入框中填写围栏名称。

【目标】点击“选择模型”,添加模型,可以在弹出的模型列表中选择单个、多个模型,也可以在搜索框中输入关键字,搜索模型后选择。

【高度】围栏高度默认勾选“自动”,取决于模型高度。

【颜色】设置围栏颜色,支持纯色。

编辑:已有的围栏如需修改,点击编辑图标进行编辑。

删除:已有的围栏如需删除,点击删除图标即可。

下表列举了部分场景和环境特效具体设置与效果。

场景/环境特效

设置

效果

场景-方向光

点击环境光源右侧的添加图标,在弹出的“环境光源”对话框中,设置名称为“紫色方向光”,位置Y设置为“30”,X/Z保持默认“0”,颜色设置为“956FE7”。

3D_model_point_directional_light_setting_1

如需显示模型投影,勾选上“生成投影”,并设置地面,此处选择“自定义填充”,背景颜色设置为“A9CEE9”。

3D_model_point_light_source_setting_3

 

3D_model_directional_light_result2

围栏

点击围栏右侧的添加图标,在弹出的对话框中设置名称为“围栏0”,点击选择模型,在模型列表中选择模型作为目标,高度默认勾选上“自动”,颜色RGB设置为“1F4E79”。

3D_moderl_fence_setting

 

 

      3D_moderl_fence_result

4.5 图形设置

图形设置包括绑定的模型名称、模型数据标签,默认不勾选,显示标签,勾选后会隐藏标签。

5. 典型功能场景

5.1 为不同的模型添加天空背景、地面样式

针对不同的模型场景,可以在右侧【设置 > 场景设置 > 场景】里面设置合适的天空背景、地面样式,效果如下。

3D_model_skyAndBackground

5.2 增强模型展示效果

在右侧【设置 > 场景设置 > 环境特效】里面开启粒子效果,选择需要突出展示的模型添加围栏,效果如下。

3D_model_fence

5.3 按需开启模型内部动画

制作模型时,您可以为模型添加一系列动画效果,这些动画在模型文件内存储如下图:

3D_model_animation1

导入模型后,默认会开启animations下面的所有动画效果,效果如下图。

3D_model_animation1

您可以在右侧【设置 > 动画】中取消勾选的“默认开启模型动画”关闭动画效果,若只想开启部分动画,可以点击后面的“选择动画”按钮,在列表内勾选需要开启的动画即可。另外,您也可以添加一个按钮组件,在组件的【设置  > 脚本  > 提交时运行】里面添加脚本:图表1.modelAnimation=false,通过点击报告里面的按钮来关闭动画,也可以配置图表1.modelAnimation=true来开启动画,效果如下。

3D_model_animation2

除了这些默认动画以外,您也可以在制作模型时添加点击动画事件,例如点击模型A时播放某一特定动画,点击事件动画命名时需要以“click_”,如click_TLCC,查看报告时点击对应的模型TLCC会播放动画click_TLCC,其余正在播放的动画会停止,效果如下。

3D_model_animation3

说明:

即使默认没有开启模型动画,点击模型时也能开启点击动画效果。

5.4 聚焦模型特定视角展示信息

模型内定义了不同的生产工序节点,比如上面样例中的投料叉车、熔炼、化验光谱仪、转液吨包、铸造、压铸、精加工、后处理,每个设备对应了不同的生产数据信息,想要在大屏上依次聚焦到每个节点,并展示当前节点的数据信息,帮助业务人员了解每个节点的生产情况。

1)上传模型文件“工厂(去组合2)”,绑定模型名称和模型数据,模型名称列的值需要和模型列表里面的名称对应,例如模型列表里面是click_TLCC、click_HCL...,模型名称列的值也应该包含这些值,模型数据可以是模型对应的其他信息,例如节点、温度等,参考下图。

3D_model_linkage1

2)选中3D模型,使用鼠标缩放、调整位置,聚焦到某一个模型,例如click_TLCC,在右侧【设置 > 视角设置 > 视角】点击加号添加当前视角,并命名为“投料叉车”。

3D_model_linkage2

3)参考上一步骤依次添加各个设备节点的视角。

4)在报告内添加其它分析图表组件,并绑定生产数据,数据需要包含模型名称或节点,以便和3D模型完成联动。

5)选中3D模型,点击右侧【设置 > 视角设置 > 视角传参】后面的编辑按钮,选中左侧的视角,在右边列表内添加该视角需要传递的参数以及参数值,例如视角“投料叉车”传递参数“节点”,参数值为“投料叉车”。

3D_model_linkage3

6)将定义好的参数添加到其它分析图表组件的过滤条件中,如下。

3D_model_linkage4

7)选中3D模型,勾选右侧【设置 > 动画 > 轮播】,选择动画类型为“多视角切换”,并定义好动画时长、动画间隔,预览即可查看联动效果,如下:

3D_model_linkage5

您也可以将默认视角设置为某一参数,例如?{视角},通过下拉参数或者其他图表组件传参来动态传递?{视角},以实现灵活切换视角,并查看该视角下的其他数据信息。

5.5 切换到某一视角时,播放某一特定动画效果

以场景4里面定义的视角为例,您可以点击右侧【设置 > 视角设置 > 视角关联模型动画】后面的编辑按钮,在页面内定义每个视角下需要播放的动画信息,例如投料叉车视角播放投料叉车的点击动画。

3D_model_cameraAnimation

切换到视角时会自动播放设置的关联动画,效果如下。

3D_model_cameraAnimation1

说明:视角里面关联的动画不受是否勾选“默认开启模型动画”控制,只要切换到一个视角,就会播放该视角下关联的动画。

6. 图表的其他设置

6.1 图表组件的的通用操作与设置

具体参考下表中的参考文档。

设置内容

参考文档

组件绑定字段、移除字段

绑定字段、移除字段

替换组件数据集

替换数据集

查看与设置组件层级关系

组件层级

组件全屏模式下编辑

组件全屏

开启图表动画

组件操作与设置-组件的动画

设置图表标签

名称标签、数值标签

设置组件格式

格式

设置图表标题

图表元素-标题

6.2 图表组件的数据处理与分析

具体参考下表中的参考文档。

设置内容

参考文档

设置图表过滤

数据处理分析-过滤汇总过滤

设置图表的预警

数据处理与分析-预警

对图表进行联动分析

数据处理分析-组件传参

说明:

3D模型只支持无、支持选中操作,不支持笔刷操作。

查看图表数据

数据处理分析-查看数据

6.3 永洪全局函数与图表组件的脚本、函数

具体参考下表中的参考文档。

设置内容

参考文档

永洪脚本的全局函数

永洪脚本的全局函数-基本函数日期时间函数财务函数文本函数数学函数逻辑函数统计函数聚合函数对象自定义全局函数

组件级别的脚本

组件级别的脚本

组件通用函数

组件级别的函数-通用

图表组件的函数

组件级别的函数-图表

7. 其他说明

Desktop上超级会员支持3D模型组件,普通会员不支持。