Skip to main content

視覚化要素: トレンド

シンボル:

_visu_icon_trend_neu.png

カテゴリ:特別なコントロール

この要素は、変数値の曲線をトレンドダイアグラムとして表示します。トレンドダイアグラムは、トレンド記録、つまりデータベースからデータが読み込まれるため、長期的なデータ曲線を表すのに適しています。さらに、傾向要素と日付範囲ピッカー伝説、 そして時間範囲ピッカーユーザーが図内を便利に移動できるように、操作要素を作成します。

ヒント

記録されたトレンド曲線は、実行時にプログラムで削除できます。削除した時点から記録が再開されます。

詳細については、以下を参照してください。トレンドの視覚化のプログラミング

ヒント

その傾向視覚化要素を POU プール内の視覚化に挿入することはできません。

要素のプロパティ

すべての要素プロパティが利用可能ですか?

すべてのプロパティは、を選択しないと使用できません [詳細] オプションまたは すべてのカテゴリ フィルターイン プロパティ

要素名

例: Velocity

ヒント

要素に個別の名前を付けて、要素リストでより早く見つけられるようにします。

情報源

デバイスおよびアプリケーションを介した接続用のデータソース トレンドレコーディング 表示したいトレンドデータが保存されたオブジェクト。

の場合 トレンドレコーディング オブジェクトがローカルデバイス上にある場合は、それぞれのアプリケーションを指定するときに十分です。トレンド記録がリモートデバイス上にある場合は、このデバイスへのデータソース接続を指定する必要があります。

  • _cds_icon_application.png <ローカルアプリケーション>

    The トレンドレコーディング オブジェクトは、ローカルアプリケーションのローカルデバイスにあります。

  • < device name> . < application name>

    例: Device_A.App_A

    The トレンドレコーディング オブジェクトはローカルデバイスにあります Device_A アプリケーションの下 App_A

  • _visu_icon_data_sources.png < data source name >

    例: _visu_icon_data_sources.png DataSource_B

    The トレンドレコーディング オブジェクトは、データソースを介して接続されているリモートデバイス上にあります DataSource_B。 (現在表示されている)の下 申し込み プロパティの場合、リモートアプリケーションはデータソースで構成されたとおりに表示されます。

    例: _cds_icon_application.png App_B

    注:データソースがシンボルファイルを使用してシンボリックにアクセスされる場合 CODESYS (シンボリック)、必要なシンボルファイルと対応するプロジェクトを同じフォルダに保存する必要があります。

要素タイプ

傾向

トレンドレコーディング

_visu_icon_trend_recording_manager.png:データが図で表示されるトレンド記録

トレンドレコーディングは、で指定されたデバイスにあります 情報源 財産。

詳細については、以下を参照してください。 トレンド記録

ディスプレイの設定

_visu_icon_trend_diagram.png:ボタンを開くと ディスプレイの設定

カーソル

カーソルを表示

standard icon: トレンド図にカーソル(縦線の付いた黒い三角形)が表示されます。

実行時の動作:

グラフが「描画」されるとすぐに、ユーザーはカーソルを時間軸に沿って移動し、特定の時間をマークすることができます。その後、カーソル位置に属する変数値がグラフの上の凡例に表示されます。

_cds_img_trend_with_cursor.png

ツールチップを表示

要件: カーソルを表示 有効になります。

standard icon: カーソル位置にツールヒントが開きます。

実行時の動作: カーソル位置に属する変数値がツールチップとして表示されます。

フレームを表示

standard icon: トレンド図はフレーム付きで描画されます。

数値形式

printf 構文のフォーマット定義。ツールチップと凡例に値をどのように表示するかを決定します。

例: %d (整数変数)または %5.2f (浮動小数点数)

デフォルトの時間範囲

利用可能な時間範囲のデフォルトの時間値

例: 20s1m

チェックマークラベル

ヒント

トレンド記録に保存される時間は UTC タイムゾーンです。時間が視覚化要素のトレンドに表示される場合、タイムスタンプは PLC のオペレーティング システムのローカル タイムゾーンに変換されます。

トレンド図の時刻が必要なゾーンにない場合は、オペレーティング システムのタイム ゾーンを変更します。

ヒント

システム時間のローカル タイム ゾーンを世界時刻 (UTC) にプログラムで切り替えることができます。

変数 VisuElems.Visu_DateTime.DisplayUTC に設定されています TRUE、システム時刻は世界時(UTC)で表示されます。デフォルトでは、変数 VisuElems.Visu_DateTime.DisplayUTC に設定されています FALSE システム時刻がローカルタイムゾーンで表示されるようになります。

日付と時刻の値を表示する場合は、タイムゾーンコードを使用してそれぞれの書式文字列を拡張できます。 Zローカルシステム時間での出力の場合、オフセットは世界時(UTC)で表示されます。たとえば、 dd:MM:yyyy HH:mm:ss:ms:Z 出力 01.08.2021 12:00:00:001:+02:00. 世界時刻(UTC)を表示する場合は、UTC コードも表示されます。 01.08.2021 10:00:00:001:Z

タイムスタンプ

トレンド図のX値

  • 絶対タイムスタンプ

    時間軸上の各目盛りには、日付と時刻を含む絶対時間が表示されます。

    例: 18.03.2016 12h30m50s

  • 相対タイムスタンプ

    記録開始(=0)からの時間が各目盛りに表示されます。

    例: 5m30s

2本の線にラベルを描く

standard icon: タイムスタンプは 2 行に表示されます (たとえば、日付は 1 行目に表示され、時刻は 2 行目に表示されます)。

_cds_icon_option_deactivated.png: タイムスタンプは 1 行に表示されます。例: 2019-11-01-12:30:50

タイムスタンプ内の無関係な情報を省略する

standard icon: タイムスタンプは切り捨てられた形式で表示されます(重要でない情報は表示されません)。たとえば、最初の目盛りには日付が表示され、次の目盛りには時刻のみが表示されます。 国際化(書式文字列) プロパティは表示されず、無視されます。

_cds_icon_option_deactivated.png: タイムスタンプはすべての情報とともに表示されます。 国際化(書式文字列) 日付と時刻の表示の形式定義を含むプロパティ。

国際化(書式文字列)

タイムスタンプの日付と時刻の表示のフォーマット定義(完全表示の場合)

注記

プロパティは、 タイムスタンプ内の無関係な情報を省略する オプションは ない 選択されました。

ヒント

基本的に、すべて %t で説明されているフォーマットオプションがサポートされています 「フォーマット定義のあるプレースホルダー」 章。

日付

定義された形式に従って日付表示を返す書式文字列。オペレーティング システムのロケールがデフォルト設定として使用されます。

書式文字列を指定するためのオプション

  • 固定文字列として

    例: MM/dd/yyyy

  • テキスト リスト エントリへの参照として <テキスト リスト名>.<ID>

    各言語ごとにフォーマット文字列が定義されています。

    _visu_elem_prop_formatstring_ref_to_tlentry.png
. 日付の定義済みフォーマット文字列:
  • 年: yyyyyyy

  • 月: MMM

  • 日: ddd

  • 推奨セパレーター: - . /

例:

yyyy-MM-d ディスプレイ 2019-10-25

yyyy-MM-dd ディスプレイ 2019-10-25

dd.MM.yyyy ディスプレイ 25.10.2019

dd/MM/yyyy ディスプレイ 25/10/2019

DateTime.DTPicker

時間

定義された形式に従って時間 (または時刻) 表示を返す書式文字列。オペレーティング システムのロケールがデフォルト設定として使用されます。

. 時間の定義されたフォーマット文字列:
  • 24時間制の定義: HHH

  • 12 時間制の定義: hhh

  • 12 時間制の AM/PM の定義: tt

  • 分: mmm

  • 秒数: sss

  • ミリ秒: ms

  • マイクロ秒: us

  • 推奨セパレーター: : またはスペース文字

例:

HH:mm:ss:ms ディスプレイ 15:30:59:123

h:mm:ss tt ディスプレイ 3:30:59 PM

DateTime.DTPicker

位置

位置は、視覚化ウィンドウ内の要素の位置とサイズを定義します。これはデカルト座標系に基づいています。原点はウィンドウの左上隅にあります。正の水平 X 軸は右方向に伸びます。正の垂直 Y 軸は下向きです。

X

要素の左上隅の X 座標 (ピクセル単位)

例: 10

Y

要素の左上隅の Y 座標 (ピクセル単位)

例: 10

ピクセル単位で指定

例: 150

身長

ピクセル単位で指定

例: 30

ヒント

ボックスをドラッグして値を変更することもできます _visu_icon_position_element.png シンボルをエディタ内の他の位置に移動します。

割り当てられたコントロール

これらの要素は、次の場合に自動的に作成されます。 トレンド制御用の要素を挿入 コントロールを追加するために使用されます。

日付範囲ピッカー

表示されるデータセットの日付と時刻を変更するためのコントロール

_cds_icon_three_dots.png、インターフェースを実装したすべての要素が提供されます IDateRangeSelector。デフォルトでは、 日付範囲ピッカー 視覚化要素が利用可能です。

時間範囲ピッカー

表示されるデータセットの時刻を変更するためのコントロール

_cds_icon_three_dots.png、インターフェースを実装したすべての要素が提供されます ITimeSelector。デフォルトでは、 時間範囲ピッカー 視覚化要素が利用可能です。

伝説

グラフの凡例を表示するためのコントロール

_cds_icon_three_dots.png、インターフェースを実装したすべての要素が提供されます ILegendDisplayer

制御変数

12. ズーム

表示された曲線のズームは、マウス、またはマルチタッチ デバイスのピンチ ジェスチャによって行われます。これはすべての軸にも適用されます。

実行時に 有効にするTRUE、マウスの左ボタンを押したままにすると、マウスでボックスを描くことができます。マウス ボタンを放すと、ボックスが拡大表示され、曲線が拡大されます。マルチタッチ デバイスで拡大または縮小するには、2 本の指をそれぞれ近づけたり離したりします。

ズームとパンは連携して動作します。

有効にする

変数 (BOOL) でズームを有効または無効にします。

TRUE: ズームを有効にする

例: PLC_PRG.xZoomEnable

変数 (BOOL

立ち上がりエッジ: ズームにより表示が変わった後、表示されている曲線を初期状態にリセットします。

例: PLC_PRG.xZoomHome

元に戻す

変数 (BOOL

立ち上がりエッジ: ズームにより表示が変更された後、表示されている曲線を前の位置にリセットします。

例: PLC_PRG.xZoomUndo

ズームされている

変数 (BOOL) は、表示された曲線がズームによって変更されたかどうかを示します。

TRUE: カーブ設定がズームされました。

例: PLC_PRG.xIsZoomed



13. パン

表示された曲線のパンは、マウスまたはマルチタッチ デバイスのピンチ ジェスチャによって行われます。これはすべての軸にも適用されます。

実行時に 有効にするTRUE、マウスの左ボタンを押したまま、表示された曲線を別の位置にドラッグできます。マルチタッチ デバイスで表示された曲線をパンするには、1 本の指で別の位置にドラッグします。

有効にする

変数 (BOOL)をクリックして、パンニングを有効または無効にします。

TRUE: パンニングを有効にする

例: PLC_PRG.xPanEnable

変数 (BOOL

立ち上がりエッジ: パンニングにより表示が変更された後、表示されている曲線を初期位置にリセットします。

例: PLC_PRG.xPanHome

パンされる

変数 (BOOL) の状態は、表示された曲線がズームによって変更されたかどうかを示します。

TRUE: カーブ設定がパンされました。

例: PLC_PRG.xIsPanned



Y軸を有効にする

変数 (BOOL)Y軸でもズームやパン操作を有効にするには

TRUE: Y軸が有効になります。

以下に説明する制御変数(日付範囲の開始 そして 日付範囲終了) を使用すると、トレンドの時間範囲をプログラムで制御できます。これにより、 時間範囲ピッカー 視覚化要素。

ただし、視覚化ユーザーが時間範囲も指定できるようにするには、時間範囲ピッカー要素を追加します。時間範囲ピッカー要素と IEC 変数の時間は自動的に同期されます。

注意: 各トレンドに独自の変数があることを確認してください。そうでない場合、トレンドの記録は停止します。

ヒント:トレンドが停止した理由をユーザーに知らせるために、 _visu_icon_trend_stopped.png シンボルがトレンド軸の端に表示されます。このシンボルが表示されている場合は、ズームまたはパンがアクティブになっているか、時間範囲が変数によって古い値に制限されているため、現在のトレンドが停止しています。

日付範囲の開始

IEC変数(DATE_AND_TIMEDTLDATE_AND_TIMELDT)を時間範囲の開始時間に指定します。 DT データ型では、1 秒の精度が達成されます。

値が変化すると、トレンドの記録は停止します。

例: PLC_PRG.ldtStart変数は 1 つだけ (リテラルなし) 許可されます。

日付範囲終了

IEC変数(DATE_AND_TIMEDTLDATE_AND_TIMELDT) を時間範囲の終了時刻として入力します。

のために DT データ型では、1 秒の精度が達成されます。

値が変化すると、トレンド記録は次のように反応します: 値が増加すると、トレンド記録が開始されます。値が減少すると、トレンド記録は終了します。

例: PLC_PRG.ldtEnd変数は 1 つだけ (リテラルなし) 許可されます。

中心

プロパティには、回転点の座標の固定値が含まれています。回転点はエディタに次のように表示されます _visu_icon_center_point.png シンボルであり、回転とスケーリングの中心として使用されます。

ヒント

をドラッグして値を変更することもできます _visu_icon_center_point.png エディター内の別の位置へのシンボル。

X

回転点のX座標

Y

回転点のY座標

絶対的な動き

プロパティには、要素の位置を動的に制御するためのIEC変数が含まれています。基準点は要素の左上隅です。実行時に、要素全体が移動されます。

動き

X

  • X位置の変数(数値データ型)(ピクセル単位)

    例: PLC_PRG.iPos_X

実行時にこの値を増やすと、要素が右に移動します。

Y

  • Y位置の変数(数値データ型)(ピクセル単位)

    例: PLC_PRG.iPos_Y

  • コンテナ変数: Container.Height

    詳細については、次を参照してください。 位置とサイズを最適に調整する

実行時にこの値を増やすと、要素が下に移動します。

回転

回転角(度単位)の変数(数値データ型)

例: PLC_PRG.iAngle1

要素の中点はで回転します 中心 点。この回転点は、 _visu_icon_center_point.png シンボル。

実行時、要素の配置は、ビジュアライゼーションの座標系に関して同じままです。値を大きくすると、要素が右に回転します。

_visu_img_prp_rotation.png

内部回転

回転角(度単位)の変数(数値データ型)

例: PLC_PRG.iAngle2

実行時に、要素はで指定された回転点を中心に回転します 中心 変数の値に応じて。さらに、要素の配置は、視覚化の座標系に従って回転します。コードの値を大きくすると、時計回りに回転します。

回転点は次のように表示されます _visu_icon_center_point.png シンボル。

注記

静的回転角がで指定されている場合 位置→角度 プロパティの場合、視覚化の実行時に静的回転角が可変回転角(オフセット)に追加されます。

_visu_img_prp_inner_rotation.png

ヒント

変数を組み合わせて 単位変換

ヒント

The バツY回転、 と 内部回転 プロパティは、「クライアントアニメーション」機能によってサポートされています。

相対的な動き

プロパティには、要素を移動するための変数が含まれています。基準点は要素の位置です(位置 財産)。要素の形状は変わる可能性があります。

左上の移動

X

  • 数(ピクセル単位)の変数(整数データ型) エッジが水平に移動します

    例: PLC_PRG.iDeltaX

値をインクリメントすると、要素が右に移動します。

Y

  • 数(ピクセル単位)の変数(整数データ型) エッジが垂直に移動します

    例: PLC_PRG.iDeltaY

値をインクリメントすると、要素が下に移動します。

右下の動き

X

  • 数(ピクセル単位)の変数(整数データ型) 正しい エッジが水平に移動します。

    例: PLC_PRG.iDeltaWidth

  • コンテナ変数: Container.Width

    詳細については、以下を参照してください。 位置とサイズを最適に調整する

値をインクリメントすると、要素が右に移動します。

Y

  • 数(ピクセル単位)の変数(整数データ型) エッジが垂直に移動します

    例: PLC_PRG.iDeltaHeight

  • コンテナ変数: Container.Height

    詳細については、以下を参照してください。 位置とサイズを最適に調整する

値をインクリメントすると、要素が下に移動します。

相対的な動き

プロパティには、要素を移動するための変数が含まれています。基準点は要素の位置です(位置 財産)。要素の形状は変わる可能性があります。

. 移動点[0]
  • X

  • Y

線の始点を移動する数(ピクセル単位)の変数(数値データ型)。

X値をインクリメントすると、要素が右に移動します。

Y値をインクリメントすると、要素が下に移動します。

. 移動点[0]
  • X

  • Y

線の終点を移動する数(ピクセル単位)の変数(数値データ型)。

X値をインクリメントすると、要素が右に移動します。

Y値をインクリメントすると、要素が下に移動します。

相対的な動き

プロパティには、要素を移動するための変数が含まれています。基準点は要素の位置です(位置 財産)。要素の形状は変わる可能性があります。

左上の移動

X

  • 数(ピクセル単位)の変数(整数データ型) エッジが水平に移動します

    例: PLC_PRG.iDeltaX

値をインクリメントすると、要素が右に移動します。

Y

  • 数(ピクセル単位)の変数(整数データ型) エッジが垂直に移動します

    例: PLC_PRG.iDeltaY

値をインクリメントすると、要素が下に移動します。

右下の動き

X

  • 数(ピクセル単位)の変数(整数データ型) 正しい エッジが水平に移動します。

    例: PLC_PRG.iDeltaWidth

  • コンテナ変数: Container.Width

    詳細については、以下を参照してください。 位置とサイズを最適に調整する

値をインクリメントすると、要素が右に移動します。

Y

  • 数(ピクセル単位)の変数(整数データ型) エッジが垂直に移動します

    例: PLC_PRG.iDeltaHeight

  • コンテナ変数: Container.Height

    詳細については、以下を参照してください。 位置とサイズを最適に調整する

値をインクリメントすると、要素が下に移動します。

状態変数

変数は要素の動作を動的に制御します。

見えない

変数 (BOOL)要素の可視性を切り替えるため

TRUE:要素は実行時に表示されません。

ヒント

The 見えない プロパティは、「クライアントアニメーション」機能によってサポートされています。

アニメーション

ヒント

これらのプロパティは、を選択した場合にのみ使用できます。 クライアントアニメーションとネイティブ要素のオーバーレイをサポートする のオプション Visualization Manager

アニメーションの長さ

要素がアニメーションを実行する期間(ミリ秒単位)の変数

  • 変数(整数値)

    例: Menu.tContentVAR tContent : INT := 500; END_VAR

  • 整数リテラル

    例: 500

. アニメート可能なプロパティ
  • 絶対的な動き動きバツY

  • 絶対的な動き回転

  • 絶対的な動き内部回転

  • 絶対的な動き外旋

アニメーション化された動きは、アニメーション化可能なプロパティの少なくとも1つの値が変更されたときに実行されます。その後実行される動きはぎくしゃくしていませんが、指定されたアニメーション時間内でスムーズです。視覚化要素は、動的に回転しながら指定された位置に移動します。移行はスムーズです。

フォアグラウンドに移動

変数 (BOOL)前景に要素を設定するため

TRUE:実行時に、視覚化要素がフォアグラウンドに表示されます。

FALSE:実行時に、視覚化要素は、視覚化エディターで挿入されたレイヤーに表示されます。

例: bIsInForegroundVAR bIsInForeground : BOOL := FALSE; END_VAR

アクセス権

注記

ユーザー管理が視覚化用に設定されている場合にのみ使用できます。

アクセス権 ボタン

を開きます アクセス権 ダイアログ。そこで、要素のアクセス権限を編集できます。

. ステータスメッセージ:
  • 設定されていません。完全な権利。:すべてのユーザーグループのアクセス権: 操作可能

  • 権利が設定されています:制限付き権利:少なくとも1つのグループのアクセスが制限されています。