3D 图表¶
3D 图表将三维模型嵌入 DTV 页面,在模型上叠加数据卡片,并让模型部件的材质随数据取值变化。适合用于设备布局展示、三维巡检、园区能耗监控等需要与实物位置结合的场景。
有关标题、背景、内边距和刷新频率等通用配置,参见 图表通用配置。
3D 图表的数据¶
3D 图表以 指标 为核心,可添加 1 个或多个 指标字段。每个指标可作为一张数据卡片的数据来源,并通过条件规则驱动所绑定模型部件的材质。
有关数据源、数据项的通用配置信息,参见 图表通用配置 > 配置数据。
3D 图表的样式¶
样式 标签页分为 场景设置 和 卡片设置 两个区块。
场景设置¶
配置三维模型与环境 HDRI,搭建三维场景。
3D 模型¶
选择模型的来源,默认 上传:
上传:上传本地模型文件。仅支持 GLTF(
.gltf)格式,最多 1 个文件。URL:填写模型文件的网络地址。
模型加载后,系统解析其中的部件(Mesh)名称,供 卡片 的 联动 3D 模型 选择。
备注
重新上传模型后,已配置的卡片会被全部清空,需要重新配置。
环境 HDRI¶
控制场景的环境光照,影响模型的光影和质感,默认 默认:
默认:使用一组内置的方向光,不加载环境贴图。
摄影棚:模拟摄影棚灯光,光线均匀,适合展示设备细节。
蓝天大地:模拟室外自然光与天空背景,适合园区、建筑等室外场景。
卡片设置¶
将数据与模型材质进行联动,并用卡片显示模型的数据与状态。
卡片¶
点击 新增卡片 添加一张卡片,每张卡片独立配置以下内容:
标题:卡片上显示的标题文字,用于说明该卡片展示的数据含义。
联动 3D 模型:从模型解析出的部件列表中选择一个或多个部件。所选部件既是卡片的锚点,也是条件规则改变材质的作用对象。
条件数据:选择该卡片展示的指标字段,可选项来自当前已添加的指标。
单位:卡片中数值后显示的单位文字。
条件规则:点击 新增 添加规则,为不同的取值区间指定所选部件使用的材质。每条规则包含 从、至 和材质,材质可选 原材质、高亮-红、高亮-黄 或 高亮-绿。只有上述 4 种固定材质可选,不能自定义任意颜色。条件规则按从上到下的优先顺序匹配。从 或 至 留空时,分别按下限 -∞ 和上限 +∞ 处理。
备注
部件列表在模型加载完成后自动填充。列表为空时,请先完成 3D 模型 配置。
卡片样式¶
以下配置项统一作用于所有卡片。
位置:卡片相对模型的显示位置,可选 左(默认)或 右。
名称字体:设置卡片标题的字体、字号和颜色。
数值字体:设置卡片数值的字体、字号和颜色。
单位字体:设置卡片单位文字的字体、字号和颜色。
小数位数:将卡片中的数值四舍五入到指定位数,可选
-、0、1、2、3,默认-(不处理,展示原始精度)。
运行时交互¶
以下行为由组件在运行时提供,不需要配置:
视角操作:在模型区域按住鼠标拖动可旋转视角,滚轮缩放,右键拖动平移。
卡片点击:点击卡片可切换其所绑定部件的高亮状态,便于在复杂模型中定位部件。
自适应尺寸:组件尺寸变化时,三维场景自动重新适配。
空状态:未配置模型时,场景区域显示为空白。
备注
3D 图表不支持样式复制。模型文件较大时首次加载需要一定时间,加载期间不显示进度提示。