数据点
目录
- 概述
- 公共左侧区域 — 标签树面板
- 数据流画面 (
/stream/index) - 趋势画面 (
/storage/index) - 快照画面 (
/snapshot/index) - 数据导出画面 (
/data/index) - 应用场景
- 常见问题
- 相关画面
概述
Data 组是从 4 个视角查询与分析所采集时序数据的一组画面。
| 子菜单 | 内部 URL | 用途 |
|---|---|---|
| 数据流 | /stream/index | 以折线图显示所选标签的实时接入数据 |
| 趋势 | /storage/index | 用图表与表格分析所选时间段的标签数据 |
| 快照 | /snapshot/index | 以表格形式查询按固定间隔采样的代表值 |
| 数据导出 | /data/index | 将数据批量导出为 CSV/Excel 格式 |
四个画面在左侧共享外观相同的标签树面板,仅右侧区域按各画面的功能有所不同。
公共左侧区域 — 标签树面板
数据流、趋势、快照均使用左侧 col-lg-3 宽度的同一标签树面板。
┌─────────────────────────────┐
│ 🗂 모델 [💬] [🔍] [📋] │ ← 헤더 + 도구 3개
│ ─────────────────────────── │
│ 🏭 [ 사이트 ▼ ] │ ← 사이트 셀렉터
│ ─────────────────────────── │
│ [에셋] [연결] │ ← 탭 (ADMIN만 연결 탭 표시)
│ ─────────────────────────── │
│ 🔍 검색... │ ← 토글 시 노출
│ ─────────────────────────── │
│ ▶ 자산 트리 │ ← 자산/태그 계층 트리
│ ▶ MOTOR-001 │
│ ▼ MOTOR-001.SPEED │
│ ▼ MOTOR-001.TEMP │
│ ... │
│ ─────────────────────────── │
│ 오브젝트 ID : (hover 시 표시) │ ← 푸터
└─────────────────────────────┘
3 个表头工具
| 按钮 | 图标 | 动作 |
|---|---|---|
| 标签说明显示选项 | 💬 | 切换是否在树中标签旁一并显示说明 |
| 标签搜索 | 🔍 | 切换树上方的搜索输入框 |
| 复制所选标签名 | 📋 | 将勾选的标签名复制到剪贴板 |
站点选择器
| 项目 | 形式 | 动作 |
|---|---|---|
| 输入组左侧 | 🏭 (工业图标) | — |
| 选择器 | 사이트명 [설명] 选项 | 变更时(changeSite())按该站点的资产/连接重新加载树 |
选项卡 (资产 / 连接)
| 选项卡 | 可见用户 | 树内容 |
|---|---|---|
| 资产 (默认) | 全部 | 站点 → 区域 → 产线 → 设备 → 标签 资产树 |
| 连接 | ADMIN | OPC 服务器 → 通道 → 标签 (通信单位树) |
各选项卡均有自己的搜索输入框(assetSearchInput / opcSearchInput),以切换方式展开。
页脚 — 对象 ID 预览
将鼠标悬停在标签或资产上时,页脚的对象 ID 栏会显示该项的标识符,使操作人员仅凭资产名即可快速确认 ID。
数据流画面 (/stream/index)
在左侧树中勾选标签并点击开始流传输,即可在右侧图表中实时查看数据接入情况。
顶部工具
🔀 스트림 [▶ 스트리밍 시작] [■] [↻]
| 按钮 | 动作 |
|---|---|
| 开始流传输 (▶, 红色) | stream() — 开始订阅勾选标签的实时推送 |
| 停止 (■) | stop() — 停止流传输 (仅在开始后启用) |
| 刷新 (↻) | refresh() — 初始化画面 |
图表显示选项
图表面板表头右侧的工具。
| 项目 | ID | 默认值 | 说明 |
|---|---|---|---|
| 显示 (分钟) | display_minutes | 5 | 图表显示的时间跨度 (分钟) |
| 添加虚拟点 | (按钮) | — | addVPoint() — 将用户自定义虚拟点(基于脚本计算)添加到图表 |
| 设置 | (按钮) | — | setDisplayCount() — 显示数量及其他选项对话框 |
实时图表区域
图表面板正文中包含以下区域。
| 项目 | 显示 |
|---|---|
result_txt | 表头右侧小号字 — 当前流传输状态摘要 |
stream-content (列表) | 每个勾选的标签各占一行,显示折线图 + 当前值 |
开始流传输前会显示以下提示。
🖼 [数据流图标]
标签数据流 可查看实时标签数据。 请在左侧标签树中选择标签名后,点击 [▶ 开始流传输] 按钮。
使用步骤
- 在左侧树中勾选要查看的标签 (可多选)
- 点击开始流传输
- 图表随实时接入数据自动刷新
- 如需不同的时间跨度(分钟),调整右上角显示 (分钟) 的值
- 查看完毕后点击 ■ 停止
趋势画面 (/storage/index)
用时序图表和汇总表分析所选时间段标签数据的画面。
顶部查询区域
📈 트렌드 [기간 ▭ ▭▭▭▭▭▭▭▭] [샘플링 ▼] [조회] [🎚️] [정지] [전체화면]
| 控件 | 宽度 | 说明 |
|---|---|---|
时间段输入 (search_time) | 280px | 起止日期时间 (居中对齐,粗体)。点击弹出日期范围选择器。通过 hidden search_date_from / search_date_to 传递 |
采样选择器 (term) | 自动 | 默认禁用。通过 🎚️ 按钮启用 (参见下方采样选项) |
查询 (submit_button) | 红色 + 🔍 | search() — 按条件刷新图表 + 表格 |
采样选项切换 (sampling_button) | 红色 + 🎚️ | samplingOption() — 显示/隐藏采样选择器 |
停止查询 (cancel_button) | 红色 + ⏹ | cancel() — 取消进行中的查询 (仅查询中启用) |
| 全屏 | 红色 + 🔗 | fullscreen() — 在新窗口全屏显示趋势画面 |
采样选项
采样选择器(term)默认隐藏,通过 🎚️ 按钮开启。用于数据量过大导致图表卡顿时,仅采样获取轻量的代表值。
| 选项 | 含义 | 推荐用途 |
|---|---|---|
(빈 값) — 원본(RAW) | 全部数据 | 默认值。短周期(小时/天) |
LTTB [0.1%] | 用 LTTB 算法仅提取 0.1% | 长期(月)趋势概览 |
LTTB [0.5%] | 仅提取 0.5% | 长期(月)分析 |
LTTB [1%] | 仅提取 1% | 中期(周)分析 |
LTTB [5%] | 仅提取 5% | 短期(日)分析 |
LTTB [10%] | 仅提取 10% | 详细精密分析 |
1분 주기 | 1 分钟间隔简单采样 | 短期(日)采样 |
5분 주기 | 5 分钟间隔 | 中期(周)采样 |
30분 주기 | 30 分钟间隔 | 长期(月)采样 |
1시간 주기 | 1 小时间隔 | 长期趋势采样 |
LTTB(Largest-Triangle-Three-Buckets) 是最能保留时序视觉形态的降采样算法,针对图表显示进行了优化。
图表显示选项
图表面板表头右侧的内联工具栏。
| 项目 | ID | 选项 | 说明 |
|---|---|---|---|
| 图表类型 | chart_type | 折线·面积·柱状·平滑折线·平滑面积 | 图表系列的表现方式 |
| 阶梯线 | show_step_line | 普通折线 / 阶梯线 | 如数字信号般的阶梯形表现 |
| 报警显示 | show_alarm_flags | 显示报警 / 不显示 | 在图表上标记报警发生时刻 |
| TRIP 显示 | show_trip_line | 显示 TRIP / 不显示 | 仅在多 Y-AXIS 模式下显示跳闸阈值线 |
| C.HEIGHT | chart_height | 100/150(默认)/200/250/300/400/500 | 图表高度 (px) |
| 设置 | (按钮) | — | configure() — 附加图表设置对话框 |
| Excel 下载 | (按钮) | — | downloadXLS() — 将结果下载为 Excel |
图表区域
| 项目 | ID | 说明 |
|---|---|---|
| 图表 | result_chart | 600px 高的时序图表 |
| 结果计数 | result_count_txt / result_time_txt | 图表右上角 — 已显示的数据点数量与查询耗时 |
| 无数据提示 | chart_no_data | "没有可显示的数据。" (未选择标签或结果为空时) |
| 加载提示 | ws_wait_text | "正在查询数据..." (旋转图标) |
| 执行时间 | exec_time_txt | 面板底部小号字 — 上次查询耗时 |
标签汇总表
图表下方以表格形式显示所选标签的汇总统计(storage_table)。
┌──────────────────────────── 헤더 (그룹) ────────────────────────────┐
│ 태그ID │ 태그명 │ 데이터 타입 │ 단위 │ 집계 (4 컬럼) │ 액션 │
│ │ │ │ │ 카운트 │첫|끝│최저|최고│평균|합계│ │
└────────────────────────────────────────────────────────────────────┘
| 列 | 宽度 | 显示 |
|---|---|---|
| 标签ID | 90px | 标签标识符 |
| 标签名 | 220px+ | 便于阅读的标签名称 |
| 数据类型 | 80px | INT/FLOAT/BOOL/STRING 等 |
| 单位 | 50px | 测量单位 (例: °C, kPa, rpm) |
| 计数 | 60px | 查询期间内的数据点数量 |
| 首值 | 末值 | 60px | 起止时刻的值 |
| 最低 | 最高 | 60px | 最小·最大值 |
| 平均 | 合计 | 60px | 平均·合计 |
| 操作 | 40px | 行级工具按钮 |
添加时间轴对话框
可在图表上叠加显示资产级事件时间轴。
| 项目 | 说明 |
|---|---|
| 触发方式 | 图表工具中的独立按钮(各图表位置可能不同) |
| 模态标题 | 🎯 "添加时间轴" |
| 提示 | "将资产事件时间轴添加到图表。请选择资产后,点击 [添加时间轴] 按钮。" |
| 资产选择 | t_asset_id 选择器 (240px) — 从已注册设备列表中选择 |
| 确认 | 添加时间轴 按钮 |
添加时间轴后,图表下方会以彩色条形绘制该资产的事件(运行/停止/异常),便于与时序数据对照比较。
快照画面 (/snapshot/index)
快照的构成与趋势类似,但针对以固定间隔(分钟) 采样的值以表格形式查看进行了优化。
顶部查询区域
🔪 스냅샷 [기간 ▭▭▭▭] [간격 ▼] [조회] [↻]
| 控件 | 说明 |
|---|---|
时间段输入 (search_time) | 与趋势相同 (280px,居中对齐) |
间隔选择器 (term) | 系统定义的快照周期选项 (例: 1_MIN/5_MIN/30_MIN/1_HOUR/1_DAY) |
| 查询 | search() — 按条件刷新表格 |
| 刷新 | refresh() — 初始化画面 |
左侧区域
与数据流/趋势相同的标签树面板 (站点选择器·资产/连接选项卡·搜索)。
右侧区域
按时间顺序显示左侧树中所勾选标签的快照值。为表格形式,每行代表一个时刻,每列显示一个标签的值。
应用示例:以 1 分钟间隔对 5 个标签观察一周 → 整理为 1 万行 × 5 列的形式,便于导入外部工具。
数据导出画面 (/data/index)
批量导出所采集数据(CSV/Excel)的画面。
| 区域 | 内容 |
|---|---|
| 顶部工具 | 时间段/站点/标签选择 + 导出格式选择 |
| 导出格式 | CSV / Excel(.xlsx) — 依系统环境提供其一或两者 |
| 下载 | 点击后由服务器生成文件并下载 |
数据量越大,下载耗时越长。100 万条以上建议分段导出。
应用场景
| 场景 | 画面 | 设置示例 |
|---|---|---|
| 当前产线运行监视 | 数据流 | 在产线资产树中勾选 5 个核心标签 → 显示 5 分钟 → 开始 |
| 昨日夜班趋势分析 | 趋势 | 时间段 21:00~07:00 / 采样 1 分钟 / 图表类型 折线 |
| 一个月远程产线对比 | 趋势 | 时间段 1 个月 / 采样 LTTB 1% / TRIP 显示 ON |
| 重现报警发生前的状况 | 趋势 | 时间段 报警时刻 ±10 分钟 / 报警显示 ON / 添加时间轴 |
| 30 分钟单位的日报数据 | 快照 | 时间段 24 小时 / 间隔 30_MIN |
| 迁移数据至外部分析工具 | 数据导出 | 1 周 + 5 个核心标签 → CSV 下载 |
常见问题
Q. 已开始流传输,但图表没有数据。 A. 请确认是否在左侧树中勾选了标签。另请确认仪表板的管道卡片是否为 0 — 可能是数据接入本身已中断。
Q. 趋势查询太慢。 A. 这是数据量过大的情况。请用 🎚️ 按钮开启采样选择器,并按 LTTB(例如 1%)或时间周期(例如 5 分钟)进行降采样。
Q. 图表系列过多,可读性差。 A. 点击图表右上角图例中的系列名称,可切换该系列的显示/隐藏。此外,在左侧树中取消勾选标签,该标签即从图表中移除。
Q. 开启了报警显示选项,但图表上看不到标记。 A. 说明查询期间内该标签未发生报警。请先在报警画面确认发生历史。
Q. 看不到 TRIP 线。 A. TRIP 线仅在多 Y-AXIS 模式(多个标签各自拥有不同 Y 轴时)下显示。单 Y 轴模式下为保证图表可读性不予显示。
Q. 数据流与趋势有何区别? A. 数据流查看当前接入的数据,趋势查看历史存储的数据。此外数据流会自动刷新,而趋势需由操作人员显式点击查询才会刷新。
Q. 虚拟点是什么? A. 并非实际传感器标签,而是通过计算其他标签的值生成的用户自定义点。例如:两个温度传感器的差值、压力×流量等。可通过数据流画面的添加虚拟点按钮定义。
Q. Excel 下载得到的是空文件。 A. 图表为空或查询无结果时会生成空文件。请先确认图表正常绘制后再下载。
Q. 在一个画面中勾选过多标签会怎样? A. 为保证图表可读性与渲染速度,建议一次限制在 10~20 个以内。超出时请用 LTTB 采样减少数据量。