MENU
    ラジアルゲージ
    • 13 May 2024
    • 1 読む分
    • 寄稿者

    ラジアルゲージ


    記事の要約

    値をラジアルスケールで視覚的に表現し、値が限界に近づいたときにオペレータが明確にわかるようにします。

    目的

    ラジアルゲージカスタムウィジェット ラジアルスケール上に数値や範囲を表示します。 ラジアルゲージは、半円スケール上に数値を表示する多目的データビジュアライゼーションコントロールです。範囲、ポインタ、色などの豊富な機能を備えており、カスタマイズや拡張が可能です。スピードメーター、温度モニター、ダッシュボード、活動量計、コンパスなどの作成に使用できます。

    放射状ゲージは、数値や範囲を放射状に表示するように設計されています。放射状ゲージには、最小値(左側の開始値)と最大値(右側の終了値)を設定できます。 Valueプロップを設定すると、MaxプロップやMinプロップと比較したポインタの位置が決まります。

    設定

    ラジアルゲージは、数値や範囲をラジアルスケールで表示する方法を作るために設計されています。放射状ゲージは、最小値(左側の開始値)と最大値(右側の終了値)を設定することができます。 Valueプロップを設定すると、これがMaxとMinプロップと比較したポインタの位置を決定します。

    ゲージのSVG:

    この分割されたゲージは3色の背景を持ち、範囲は0-33 (赤)、33-67 (黄)、67-100 (緑)です。

    プロパティ値 - 針が指すべき値 最小値 - 最小値として使用される値 最大値 - 最大値として使用される値 タイトル - ゲージのタイトルとして表示されるテキスト

    イベントエラー - 値が最小値と最大値の範囲外にある場合に発生します。Screenshot 2023-03-23 at 12.00.21.png

    領域付きゲージ

    下限値と上限値を指定すると、別の色でハイライトされます。 このイベントは、値が内部領域内にあるかどうかに基づいて、真または偽を返します。例えば、50-75は異なるカスタムカラーでハイライトされた内部領域です。

    PropertiesValue - 針が指すべき値 Min Value - 最小値として使用される値 Max Value - 最大値として使用される値 Title - ゲージのタイトルとして表示されるテキスト Lower Limit - 内部領域の下限の値 Upper Limit - 内部領域の上限の値 Background - ゲージの背景の色 Region - 内部領域の背景の色

    イベントエラー - 値が最小値と最大値の範囲外にある場合に発生します。 ステータス - 値が内側領域内にある場合はtrueを、それ以外の場合はfalseを返します。Screenshot 2023-03-23 at 12.00.32.png

    背景色付きゲージ

    背景色付きゲージはゲージの背景色を設定するために使用します。

    値 - 針が指す値 最小値 - 最小値として使用される値 最大値 - 最大値として使用される値 タイトル - ゲージタイトルとして表示されるテキスト 背景 - ゲージの背景色

    イベントエラー - 値が最小値と最大値の範囲外にある場合に発生します。Screenshot 2023-03-23 at 12.00.38.png

    どのように動作するか

    カスタムウィジェットのプロパティとイベントは、アプリケーションで使用される静的な値、変数、またはテーブルレコードの値を入力として受け取るように設定する必要があります。
    Screenshot 2023-03-14 at 14.49.54.png

    カスタムウィジェットのプロパティは、アプリエディタのウィジェットペインで設定できます。この例では、カスタムウィジェットのプロパティは、変数Value、Minimum、Maximumを入力として受け取るように設定されています。ただし、これらは静的な値やテーブルレコードの値でもかまいません*。

    さらに読む


    この記事は役に立ちましたか?