[]
        
(Showing Draft Content)

在仪表板中使用3D模型

3D模型可视化插件,可以将数据绑定到模型的数据上进行展示。

本文为您介绍如何在仪表板中使用 3D 模型可视化插件展示数据。

操作示例

1. 准备插件

单击下载3D 可视化插件并上传到系统中,下载地址:3D模型插件

注意上传之后关闭对可视化插件的sandbox限制。

image2021-9-15_17-46-25.png

2. 导入模型文件

也即在仪表板中添加插件并导入模型文件。

首先将插件通过拖拽添加到画布中。

image2021-9-15_17-49-51.png

聚焦插件。

image2021-9-15_17-50-54.png

通过侧边工具栏按钮,打开模型选择界面,导入模型文件。

这里会显示您放到 wyn/Server/wwwroot/Web Contents/.ModelFiles目录下的所有模型文件(如果没有.ModelFiles目录,则需手动创建一个,并将使用的模型文件放入该目录下)。

也可以通过URL进行导入。

有关模型文件的准备工作介绍,请见准备模型文件

image2021-9-15_17-52-46.png

应用之后将加载模型。

image2021-9-15_17-58-27.png

3. 绑定数据

type=info

说明

示例中我们使用的示例数据为:智慧工厂生成数据.xlsx

image2021-9-29_13-50-3.png

  • 区域标识:只能绑定一个字段,该字段的取值和模型中的对象(区域)设置的id相关联。

  • 数值:数值字段,可绑定多个。

  • 属性: 可绑定多个。最终绑定的字段都会显示在数据提示上。

image2021-9-16_9-20-41.png

type=info

提示

绑定数据之后,模型图暂时还未显示出数据。数据提示仅在区域被聚焦(即后续介绍的手动聚焦或自动轮播进行聚焦)时显示。

另外,您还可以通过设置字段的格式和显示单位,修改数据提示时展示数据的格式。

比如我们可以将合格率的格式设置为百分比。

image2021-9-16_9-27-37.png image2021-9-16_9-30-51.png

4. 手动聚焦区域

在界面的右上角存在2个按钮,从上到下,第一个为轮播选项(之后介绍),第二个则为手动聚焦区域的选项。

将鼠标移到第二个按钮,就会将当前所有的区域列出来,单击想要聚焦的区域名称,就可以聚焦该区域( 被聚焦的区域会被黄色的线框包围 ),并且将相机移动到区域的观察位置(区域观察位置的设置方法见准备模型文件)。

除了所有的区域选项外,第一个选项默认相机,该选项会取消聚焦状态,并将相机移动到默认位置。

使用手动聚焦的方法可以在设计时查看各区域的设计是否满足需求,也可在预览时查看特定区域。

image2021-9-16_9-51-4.png

5. 设置相机默认属性

相机包含两个默认属性:默认位置和默认目标位置。

可以通过两种方式进行设置:

  1. 将当前相机的属性设置为默认属性(推荐)

  2. 手动输入数值。

首先来介绍第一种方式,通过鼠标操作(托拽、滚轮)可以修改当前相机的位置,当调整到合适的状态时,可以点击工具栏的设置默认相机按钮,即可将当前相机的状态保存为默认的相机状态。

在设置当前位置为默认位置时,右侧的设置面板中的数值也会更改。

第二种设置方式就是在设置面板中直接输入数值,分别是相机位置的三维坐标和相机观察目标位置的三维坐标。

image2021-9-16_9-58-2.png

6. 设置区域轮播

可以为模型开启自动轮播,轮播时相机首先会移动到默认的相机位置,之后会循环的聚焦所有的区域。

效果图3.gif

image2021-9-16_10-13-8.png

  • 自动轮播:是否默认开启轮播。

  • 相机跟随:轮播时,是否默认相机跟随。相机跟随是指聚焦的区域更换时,相机会移动到区域的观察位置;否则,相机仅会修改面向(目标位置)。

  • 轮播间隔:轮播时,切换区域的时间间隔。

type=info

提示

可以通过排序功能改变轮播的顺序,轮播顺序和排序后的数据的顺序一致。

如不开启自动轮播功能,也可临时使用轮播功能。

预览区域右上角的第一个按钮为开启轮播按钮,鼠标悬浮后可见相机跟随选项。

image2021-9-16_10-3-1.png

7. 条件格式化

插件支持条件格式化,区域会被一个透明的盒子包围,盒子的颜色可以自定义,但是有一个限制: 不能使用主题色。

比如我们添加一个条件格式化,使设备名称中包含C31 的设备填充为粉色(目前条件格式化时仅支持使用填充颜色)。

image2021-9-16_10-23-25.png


image2021-9-16_10-27-19.png


我们还可以通过在属性设置中设置使格式化仅在聚焦的区域应用。也即仅仅改变当前聚焦的区域的样式(如果满足条件)。

image2021-9-16_10-54-42.png


image2021-9-16_10-53-50.png

8. 设置数据提示位置

首先,通过水平位置和竖直位置确定一个初始位置。

之后,通过垂直偏移和水平偏移两个值分别指定相对于初始位置的偏移量(px)。

image2021-9-16_11-4-55.png

9. 预览效果

效果图4.gif

联动分析

插件支持联动分析。通过点击模型的区域进行选择,被选中的区域会通过线框进行标识。

联动效果.gif

其他图表也会影响到模型(模型本身没有变化,但可聚焦的区域会受其他图标的影响)。