2.5D

应用示例

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

步骤一：添加组件

1. 创建Web应用。具体操作，请参见创建Web应用。
2. 在Web应用编辑器中，单击最左侧的组件图标。
3. 在画布左侧组件列表上方，输入2.5D，找到该组件，然后将组件拖拽到中间画布。

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

   

步骤二：配置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管道模型和冷却塔模型的具体步骤。

• 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应用编辑器，单击页面右上方的预览，预览和调试组件展示的数据和效果。