データポイント
目次
- 概要
- 共通の左側エリア — タグツリーパネル
- ストリーム画面 (
/stream/index) - トレンド画面 (
/storage/index) - スナップショット画面 (
/snapshot/index) - データ出力画面 (
/data/index) - 活用シナリオ
- よくある質問
- 関連画面
概要
Data グループは、収集された時系列データを4つの視点で照会・分析する画面群です。
| サブメニュー | 内部 URL | 用途 |
|---|---|---|
| ストリーム | /stream/index | 選択したタグのリアルタイム入力データをラインチャートで表示 |
| トレンド | /storage/index | 選択した期間のタグデータをチャートと表で分析 |
| スナップショット | /snapshot/index | 一定間隔でサンプリングされた代表値を表形式で照会 |
| データ出力 | /data/index | データを CSV/Excel 形式で一括抽出 |
4つの画面は左側に同じ形のタグツリーパネルを共有し、右側エリアのみが画面ごとの機能に応じて異なります。
共通の左側エリア — タグツリーパネル
ストリーム・トレンド・スナップショットのいずれも、左側 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 (リスト) | チェックしたタグごとに1行でラインチャート + 現在値を表示 |
ストリーミング開始前は次の案内が表示されます。
🖼 [ストリームアイコン]
タグデータストリーム リアルタイムのタグデータを確認できます。 左側のタグツリーでタグ名を選択した後、[▶ ストリーミング開始] ボタンをクリックしてください。
使用手順
- 左側ツリーで表示したいタグをチェック (複数可)
- ストリーミング開始をクリック
- チャートがリアルタイム入力データで自動更新される
- 表示したい時間幅(分)が異なる場合は右上の表示 (分) の値を調整
- 確認が終わったら ■ 停止をクリック
トレンド画面 (/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つの時刻、各列が1つのタグの値を示します。
活用例: 1分間隔で5つのタグを1週間観察 → 行1万件 × 列5つの形に整理され、外部ツールへ持ち出しやすくなります。
データ出力画面 (/data/index)
収集されたデータを一括抽出(CSV/Excel)する画面です。
| エリア | 内容 |
|---|---|
| 上部ツール | 期間/サイト/タグの選択 + 出力形式の選択 |
| 出力形式 | CSV / Excel(.xlsx) — システム環境に応じていずれか一方または両方 |
| ダウンロード | クリックするとサーバーがファイルを生成してダウンロード |
データ量が多いほどダウンロードに時間がかかります。100万件以上の場合は期間を分割して抽出することを推奨します。
活用シナリオ
| シナリオ | 画面 | 設定例 |
|---|---|---|
| 現在のライン稼働モニタリング | ストリーム | ライン資産ツリーで主要な5つのタグをチェック → 表示5分 → 開始 |
| 前日夜勤シフトのトレンド分析 | トレンド | 期間 21:00~07:00 / サンプリング 1分 / チャート種類 線 |
| 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. 実際のセンサータグではなく、他のタグの値を計算して生成するユーザー定義のポイントです。例: 2つの温度センサーの差、圧力×流量など。ストリーム画面の仮想ポイント追加ボタンで定義します。
Q. Excel ダウンロードが空のファイルになります。 A. チャートが空、または照会結果がない場合に空のファイルが生成されます。まずチャートが正常に描画されているか確認してからダウンロードしてください。
Q. 1つの画面で多すぎるタグをチェックするとどうなりますか? A. チャートの可読性・レンダリング速度のため、一度に10~20個以内に抑えることを推奨します。それを超える場合は LTTB サンプリングでデータ量を削減してください。