DataV:タイマー

チャートスタイル

タイマーはテキストウィジェットの一種です。 タイマーのアイコンスタイルやテキストスタイル (アイコンのサイズ、色、位置、時刻の表示形式など) をカスタマイズできます。 システムの現在時刻を視覚化アプリケーションに表示し、視覚化アプリケーションまたは視覚化アプリケーションのモジュールの表示時刻を制御するのに役立ちます。

設定パネル

• [設定の検索]: キャンバスエディターの右側のパネルで、[設定] タブをクリックし、右上隅の [設定の検索] をクリックします。 検索ボックスに必要な設定項目を入力し、検索アイコンをクリックして設定項目をすばやく見つけます。 あいまい一致はサポートされていません。 詳細については、「」をご参照ください。

• Size: ピクセルの幅と高さを含むウィジェットのサイズを示します。 アイコンをクリックすると、ウィジェットの幅と高さを比例調整できます。 このアイコンをもう一度クリックすると、必要に応じて幅と高さを調整できます。

• 位置: ウィジェットの位置。ピクセルXとYの座標で示されます。 X座標は、ウィジェットの左上隅とキャンバスの左枠の間のピクセル距離を示します。 Y座標は、ウィジェットの左上隅とキャンバスの上枠の間のピクセル距離を示します。

• 回転角度: ウィジェットの中心点を回転点として使用する回転の角度。 単位は度 (°) です。 次のいずれかの方法を使用して、ウィジェットの回転角度を制御できます。

  • 回転角度スピンボックスに角度を直接入力するか、プラス記号 ([+]) またはマイナス記号 ([-]) をクリックして、回転角度スピンボックスの値を増減します。

  • アイコンの黒い点をドラッグします。

  • アイコンをクリックして、ウィジェットを水平に反転します。

  • アイコンをクリックして、ウィジェットを垂直に反転します。

• 不透明度: ウィジェットの不透明度。 有効な値: 0と1。 このパラメーターが0に設定されている場合、ウィジェットは非表示になります。 このパラメーターが1に設定されている場合、ウィジェットは完全に表示されます。 デフォルト値: 1

• アイコンスタイル: タイマーのアイコンのスタイル。 アイコンをクリックすると、アイコンスタイルの外観や隠蔽を制御できます。

  パラメーター	説明
  サイズ	アイコンのサイズ。 アイコンが必要ない場合は、このパラメーターを0に設定します。
  カラー	アイコンの色。 詳細については、「カラーピッカーの説明」をご参照ください。
  マージン	アイコンとタイマーテキストの間の距離。

• タイマー

  パラメーター	説明
  テキストスタイル	タイマーテキストのフォント、フォントサイズ、フォントの色、フォントの太さを設定します。
  Format	タイマーテキストの表示形式を設定します。 デフォルト値はyyyy-MM-dd HH:mm:ssで、24時間形式で「年、月、日、時、分、秒」の時刻形式を示します。 hh:mm:ssの場合、12時間形式を示します。
  ヘルスチェック間隔	ウィジェットのタイムギャップ。 単位：ms。 たとえば、このパラメーターを10000msに設定すると、コンポーネントの時間は10秒ごとに変化します。
  停止時間	タイムデバイスの時間は常に変化しています。 この設定項目は、時間デバイスが停止し、変更されないときに設定できます。 値は、[フォーマット] 設定項目で設定された時間形式と一致している必要があります。 たとえば、停止時間が2023-05-27 11:52:00に設定されている場合、タイムデバイスの時間が2023-05-27 11:52:00に変更されると、時間は停止し、変更されなくなります。
  停止表示時間	時計が停止した後に表示される時刻。 このパラメーターは、[停止時間] パラメーターを指定した後にのみ有効になります。 値は、[フォーマット] 設定項目で設定された時間形式と一致している必要があります。 たとえば、停止時間が2023-05-27 11:52:00に設定され、停止表示時間が2023-05-28 12:00に設定されている場合、クロノグラフの時間が2023-05-27 11:52:00に変わると、時間は停止し、2023-05-28 12:00:00として表示されます。
  水平アライメント	時計の水平方向の配置。 有効なポイント: 左、中央、右。
  垂直アライメント	垂直方向の時計の位置合わせモード。 [上部配置] 、[中央配置] 、および [下部配置] を選択できます。

• コールバック設定

  パラメーター	説明
  スケジュールされたコールバック設定	アイコンをクリックして、コールバック設定の表示または隠蔽を制御します。 Callback Throwing Interval: コールバックがスローされる間隔。 単位：ミリ秒。
  固定ポイントのコールバック設定	アイコンをクリックして、固定小数点コールバック設定の表示または隠蔽を制御します。 Fixed-point Thrown At: コールバック値がスローされた時点。 日付を表す文字列値をサポートします。

データパネル

このコンポーネントは構成データを必要とせず、デフォルトで現在のシステム時刻を読み取ります。

相互作用パネル

Blueprint Editorでのインタラクションの設定

1. キャンバスエディターで、レイヤーパネルでウィジェットを右クリックし、[ブループリントエディターに追加] を選択します。

2. ページの左上隅にあるアイコンをクリックします。

3. Blueprint Editorで、[追加ノード] ペインの [タイマー] ウィジェットをクリックします。 次の図に示すように、Timerウィジェットのパラメーターをキャンバスに表示できます。

   • イベント

     イベント	説明
     時間が変わるとき	時間が変化したときに発生するイベント。 また、現在時刻に対応するデータ項目も上げられる。
     時間が設定時間に達すると	時間が指定された時間に達したときに発生するイベント。 また、現在時刻に対応するデータ項目も上げられる。

   • ポリシーアクション

     ポリシーアクション	説明
     コンポーネント設定の更新	ウィジェットのスタイル設定は動的に更新されます。 この操作を実行する前に、キャンバスエディターでウィジェットをクリックし、右側のパネルの [設定] タブをクリックし、設定をコピーして...ウィジェット設定を取得します。 その後、Blueprint Editorでデータ処理ノードのスタイルフィールドを変更します。
     表示	ウィジェットを表示します。 参照データの例を次に示します。 return { "animationType": "", "animationDuration": 1000, "animationEasing": "linear" };
     非表示	次の例は、ウィジェットを非表示にする方法を示しています。 return { "animationType": "", "animationDuration": 1000, "animationEasing": "linear" };
     暗黙の状態への切り替え	ウィジェットを表示するか非表示にするかを指定します。 参照データの例を次に示します。 return { "animationIn": { "animationType": "", "animationDuration": 1000, "animationEasing": "linear" }, "animationOut": { "animationType": "", "animationDuration": 1000, "animationEasing": "linear" } };
     移動	ウィジェットを指定した場所に移動します。 参照データの例を次に示します。 return { // The positioning type. to indicates absolute positioning, whereas by indicates relative positioning. The default value is to. "positionType": "to", // The location, which is indicated by the x and y coordinates. "attr": { "x": 0, "y": 0 }, // The animation type. "animation": { "enable": false, // The duration in which animation is displayed. "animationDuration": 1000, // The animation curve, which can be set to linear|easeInOutQuad|easeInOutExpo. "animationEasing": "linear" } };