2.5D

应用示例

如下图所示，使用2.5D组件提示某设备发生告警。

步骤一：添加组件

1. 创建Web应用。具体操作，请参见创建Web应用。

2. 在Web应用编辑器中，单击最左侧的组件图标。

3. 在画布左侧组件列表上方，输入2.5D，找到该组件，然后将组件拖拽到中间画布。

   有关组件添加的更多信息，请参见添加组件。

   在左侧组件面板搜索框中输入 2.5D，从基础组件分类中将2.5D组件拖入画布。添加后，右侧样式面板显示组件坐标 X=12、Y=0，尺寸 W=800、H=600，组件名称为 2.5D-zfhe，默认勾选组件可见性，不透明度为 100%，底部可单击编辑组件进入组件编辑。

步骤二：配置2.5D组件样式

1. 在Web应用编辑器右侧样式中，调整组件宽高和在页面中的布局位置。

   具体操作，请参见样式配置。

2. 在Web应用编辑器右侧样式中，单击编辑组件。

   您也可以在中间画布，双击2.5D组件。

3. 在组件编辑器页面右侧样式中，配置2.5D组件展示样式。

   配置项	说明
   背景	设置2.5D组件背景颜色。
   网格	设置2.5D组件是否显示网格以及网格的密度。
   阴影设置	设置2.5D组件内模型是否显示阴影，以及阴影的朝向和透明度。
   模型事件	设置2.5D组件是否显示模型事件。
   全局模型标签	设置2.5D组件是否显示全局模型标签和关联状态。 说明 选中关联状态复选框，标签样式会随模型状态变化而变化。

步骤三：配置2.5D组件内的模型

例如2.5D管道模型和冷却塔模型。下文介绍配置2.5D管道模型和冷却塔模型的具体步骤。

• 2.5D管道模型

  1. 在组件编辑页面，从左侧组件页签中，拖拽2.5D管道模型到2.5D组件中，添加锚点绘制管道样式。

  2. 可选：将鼠标指针移动至所选锚点上，使用Backspace键或Delete键删除所选锚点。

  3. 完成绘制后，在右侧样式中，单击结束编辑或按键盘上的Esc键结束编辑。

     如果需要再次编辑2.5D管道模型，在右侧样式中，单击开始编辑或在画布中双击2.5D管道模型进行编辑。

  4. 在右侧样式中，设置2.5D管道模型的颜色、宽度、流速、流动方向以及调整模型在页面中的最终位置。

• 冷却塔模型

  1. 在组件编辑页面，从左侧素材页签中，拖拽冷却塔模型到2.5D组件中。

     1. 官方2.5D模型：在官方区域拖拽模型到2.5D组件中。

     2. 本地2.5D模型：单击上传素材，在素材库对话框中，单击上传图片，上传本地2.5D模型至我的模型库后，在个人区域拖拽模型到2.5D组件中。

        重要

        • 支持上传.png格式的图片文件。

        • 我的模型库最大空间为5GB。

        • 官方模型库中的2.5D模型不支持删除。我的模型库中的2.5D模型，您可单击删除图标进行删除。

  2. 在右侧样式中，设置冷却塔模型的大小、标签名称、关联状态以及调整模型在页面中的最终位置。

     说明

     选中关联状态复选框，标签样式会跟随模型状态的变化而变化。

步骤四：配置模型数据源

1. 分别单击2.5D组件中的模型，例如冷却塔模型，在右侧样式中，单击状态后的配置数据源。

   重要

   2.5D管道模型不支持配置数据源。

2. 在数据源配置面板中，选择数据源类型，单击确定，完成配置。

   可选数据源类型有设备、接口、静态数据、应用推送。

   数据源返回的数据类型必须为如下字符串。

   字符串	说明	状态描述
   "NORMAL"	默认状态，无数据源配置的设备状态。
   "RUN"	设备正常运行。
   "IDLE"	设备空闲。
   "ALERT"	设备发生告警。
   "DOWN"	设备发生重大告警，已无法正常工作。

3. 单击页面右上角保存按钮。

4. 单击组件编辑页面左上角的返回页面。在Web应用编辑器，单击页面右上方的预览，预览和调试组件展示的数据和效果。