关键概念¶
在深入了解 DTV 功能之前,掌握以下关键概念将帮助你更高效地理解和运用 DTV。
数据源 ¶
数据源是 DTV 中用于连接各类数据提供方的集成通道,为可视化页面提供所需的数据支撑。DTV 封装了从不同来源获取数据的逻辑,应用开发人员可通过统一的方式配置和使用数据,无需关注底层数据获取的复杂性。
根据数据是否来自 EnOS,DTV 数据源分为:
内置数据源:来自 EnOS 的数据,如 EnOS 中存储的时序数据、已注册的指标数据等。
外部数据源:来自外部的数据,如通过 CSV 文件上传的静态数据,或通过 API 获取的第三方数据。
通过数据源,应用开发人员能够灵活接入多种类型的数据,并在配置组件时直接引用这些数据,从而快速构建出丰富、动态的可视化应用。更多信息,参见 数据源概述。
模型¶
模型是对 EnOS 中资产的抽象,定义了一类资产的属性、测点、服务等统一特征。有关创建模型的更多信息,参见 EnOS 模型管理。
在 DTV 的数据配置中,选择某一模型即意味着选定了一类具有相同特征的资产数据集合。例如,为可视化组件绑定一个“光伏逆变器”模型后,该组件便可请求和展示所有属于此模型的光伏逆变器资产的实时状态、历史时序数据或告警信息。
数据集¶
数据集是 DTV 对数据源中同一类数据结构的数据集合进行的分类与封装。应用开发人员可自定义数据的请求参数和返回结构,为组件提供清晰、可用的数据范围。
数据集赋予数据源更强的灵活性与业务适应性。当数据源本身无默认结构,或默认结构无法满足业务需求时,可通过创建数据集,自定义数据的筛选条件、参数组合及返回字段,从而精准适配不同可视化组件的需求。
仪表盘¶
仪表盘是 DTV 中用于集中监控和数据分析的核心页面类型。它通过将多种 组件 灵活布局在一个页面上,为终端用户提供关键业务指标和数据的整体视图。
仪表盘的核心价值在于能够整合多源数据,并通过直观的视觉呈现,帮助终端用户快速掌握业务状态、识别趋势并及时做出决策,通常用于构建实时监控、运营分析、绩效汇报等数据可视化场景。
单页应用 ¶
单页应用是 DTV 中一种复合型可视化应用,支持通过统一的导航框架将多个可视化页面(包括 DTV 仪表盘和第三方页面)整合在同一个视图内,使终端用户能够通过筛选器、页签等导航组件实现页面与数据的动态联动,从而获得集成化、上下文连贯的数据分析体验。
单页应用适用于构建如多领域资产运营平台、能源监控看板等复杂业务场景。它借助 导航器 实现页面切换与数据筛选,通过 画布、图层 和 面板 分层管理内容,最终形成一个结构清晰、互动性强的一体化数据工作台,帮助终端用户高效完成跨页面的监控与分析任务。
单页应用页面由以下部分组成:

画布 ¶
画布是单页应用中承载可视化内容的底层视图单元。每个画布代表一个独立的可视化场景或数据视角,其上可放置一个或多个 图层,并通过图层管理各类组件与元素的布局与展示。
当终端用户在导航器中切换筛选条件或页签时,实际切换的是底层所关联的画布和图层,从而动态改变整个页面的展示内容与数据范围。这种设计使得单页应用能够在一个视图内集成多种数据场景,为终端用户提供连贯且深入的数据探索体验。
画布分为以下两种类型,以适应不同的可视化需求:
单图层画布:所有组件均处于同一层级,布局方式与经典仪表盘页面类似,适用于大多数数据看板和分析页面的构建。
多图层画布:支持多个图层的叠加与管理,可用于构建具有空间层次关系的复杂页面。例如,底层放置地图组件作为背景,上层叠加数据图表层,通过图层间的联动实现交互式的数据钻取与分析。

图层 ¶
图层是画布内用于对组件、元素等内容进行分层管理与展示的逻辑单元。它将画布在垂直方向上划分为多个层级,每个层级可以独立承载不同用途的可视化内容。对于访问应用的终端用户而言,图层本身是不可见的,但其上层内容会按视觉层级叠加展示,共同构成完整的画面。
图层为单页应用实现内容的分离与精细控制。通过将不同类型的组件放置在不同图层,应用开发人员可以:
实现视觉元素的层次化展示,例如将地图设为底层,图表浮于其上。
独立管理每层内组件的样式、数据与交互行为。
构建具有空间深度和复杂交互的综合监控界面,例如 GIS 地图监控、工艺流程视图等。
图层必须放置在画布之上,一张画布最多可容纳 2 个图层。每个图层上内容的摆放位置和范围由图层布局决定,例如左右布局或四周型布局。

面板 ¶
面板是图层布局的可视化载体,是画布上用于承载和展示最终内容的矩形区域。它决定了图层内组件或外部页面的具体摆放位置和尺寸范围。每个图层内可能有多个面板,面板的大小和位置由 图层布局 决定。
面板为一个图层上的不同内容提供展示窗口。你可以通过以下两种方式向面板中添加内容:
嵌入编辑器:直接向面板内添加和配置组件,自由构建数据可视化界面。
插入外部链接:将已有的第三方网页或应用以 URL 嵌入的方式呈现在面板中,快速集成外部资源,实现内容的无缝融合。
简而言之,画布 是基础容器,图层 是管理分层,而 面板 则是每一层中最终放置内容的具体“画框”。三者的关系如下图所示,共同构成了单页应用灵活而强大的页面构建体系:

组件 ¶
组件是 DTV 中用于构建仪表盘和单页应用的基本功能单元。每个组件都具有特定的数据展示或交互能力,应用开发人员可通过拖拽方式将组件添加到页面中,并对组件进行配置,组合成完整的业务页面。
组件根据其功能和用途,主要分为以下类型:
图表:专门用于数据可视化展示的组件,例如折线图、柱状图、饼图、指标卡和表格等。它们通过图形化的方式呈现数据,帮助终端用户直观理解数据趋势、分布和关键指标。
容器:一种特殊的布局型组件,用于容纳和管理其它组件,实现页面的结构化排版与分层组合。容器本身不直接展示数据,而是作为组织界面和控制组件展示逻辑的辅助单元。
通过图表与容器的配合使用,应用开发人员能够灵活搭建出从简单数据看板到复杂业务监控的各种可视化界面。更多信息,参见 组件概述。
过滤器¶
过滤器是 DTV 中用于实现数据筛选和页面联动的功能组件。它允许终端用户在运行态动态设置条件,从而过滤一个或多个关联组件所展示的数据内容。
过滤器提供页面全局或组件局部的数据交互控制,使静态页面转变为可动态探索的数据看板。终端用户通过改变过滤条件,无需重新配置或编码,即可实时切换数据视角,聚焦于关键信息。它常用于构建可交互的仪表盘和综合分析页面,提升数据探索的灵活性和效率。
关联/联动 ¶
关联/联动是单页应用中实现智能数据探索的核心机制,特指导航器、画布、组件之间建立的动态响应关系。通过配置联动规则,终端用户在前端界面的操作(如选择筛选条件、切换页签)将自动触发后端数据流与前端视图的协同变化,形成统一的交互体验。
联动根据其作用对象和效果,分为以下类型:
画布联动:建立导航器与画布之间的显示逻辑。根据终端用户在导航器中选择的条件,自动切换至对应的画布,实现整个页面内容的更替。
数据联动:建立导航器与组件之间的数据传递通道。将导航器中终端用户指定的参数值实时传递给画布中的组件,作为数据查询条件,驱动组件内容的动态刷新。
组件联动:建立组件与组件之间的联动规则。终端用户在组件中执行触发行为后,联动的组件将展示符合条件的数据。
联动配置将单页应用从静态页面集合升级为有机的整体,使多页面、多数据源的分析任务变得流畅而高效,是构建复杂业务工作台的关键技术手段。
组态页面¶
组态页面是 DTV 中面向工业场景的可视化页面类型,它通过图形化方式直观展示设备、流程及系统的实时状态。这类页面通常基于 SVG 等矢量图形构建,支持将图形元素与实时数据动态绑定,实现对物理实体(如设备、管线、仪表)及其运行过程的动态映射与监控。
组态页面能够将复杂的工业数据与可视化的工艺蓝图相结合,为终端用户提供贴近实际物理环境的监控体验。它常用于构建工艺流程监控、设备状态展示、厂站拓扑管理等工业可视化应用,帮助运维和工程人员直观掌握系统运行状况,快速定位问题。
表单¶
表单是 DTV 中用于数据填报、参数配置及业务流程操作的可视化页面类型。它通过提供丰富的输入控件,例如文本框、下拉菜单、单选按钮等,使终端用户能够向系统提交或修改数据,从而驱动后台业务逻辑或完成工单处理。
表单的核心在于连接用户操作与数据更新,为业务流程提供灵活的前端交互界面。它常用于构建数据录入、工单下发、参数设置、审批流程等交互式应用场景,帮助业务用户高效完成数据维护和任务处理工作。