バージョン

バー マーカーをゲージに追加

バー マーカーは、スケールに開始点と終了点を持つバーとして表示されます。

注： このトピックは、リニア ゲージを作成済みであることを前提としています。作成方法については、 「WebGauge で開始」を参照してください。

以下でバー マーカーをゲージに追加できます。

以下の手順を完了した後でアプリケーションを保存および実行すると、ゲージは以下のゲージのようになります。

Gauge How Do I Add Bar Marker 01.png

ゲージ デザイナを使用してバー マーカーを既存のリニア ゲージに追加するには、次の手順に従ってください。

  1. ゲージ エクスプローラで、[マーカー] を展開します。

  2. [マーカーの追加] をクリックして、[新しいバー マーカー] を選択します。

  3. [プロパティ パネル]で、 [バー マーカー レイアウト タブ]をクリックします。 [範囲 ペイン]で、以下のプロパティを設定します。

    • 内側 — 10

    • 外側 — 70

  1. [バー マーカー レイアウト] タブの [値 ペイン]で、以下のプロパティを設定します。

    • 値 — 65

  1. [外観 タブ]をクリックします。 [ブラシ ペイン]で、以下のプロパティを設定します。

    • タイプ — 単色

    • 色 — 赤

デザインタイムにバー マーカーを既存のリニア ゲージに追加するには、次の手順に従ってください。

  1. ゲージ コレクション エディタ内で、[リニア ゲージ] をクリックします。

  2. Scales プロパティを指定して、省略記号（…）をクリックして、スケール コレクション エディタを起動します。

  3. Markers プロパティを指定して、省略記号（…）をクリックして、マーカー コレクション エディタを起動します。

  4. [追加] をクリックして、[バー マーカーを追加] を選択します。

  5. BrushElement プロパティを指定します。BrushElement ドロップダウン リストから、[単色塗りつぶし] を選択します。これによって、新しい単色塗りつぶしブラシ エレメントが作成されます。

  6. 新しく作成された BrushElement プロパティを展開して、 Color プロパティを指定します。Color プロパティを Red に設定します。

  7. 以下のプロパティを設定します。

    • InnerExtent — 10

    • OuterExtent — 70

    • 値 — 65

ランタイムにバー マーカーをゲージに追加するには、次の手順に従ってください。

  1. コードの記述を開始する前にコード ビハインドに using/Imports のディレクティブを配置します。そうすれば、メンバは完全に記述された名前を常にタイプする必要がなくなります。

Visual Basic の場合：

Imports Infragistics.UltraGauge.Resources

C# の場合：

using Infragistics.UltraGauge.Resources;

  1. Load イベントを作成します。

  2. クラスのインスタンスを作成します。

Visual Basic の場合：

Dim myLinearGauge As LinearGauge = Me.UltraGauge1.Gauges(0)
Dim myScale As LinearGaugeScale = myLinearGauge.Scales(0)
Dim myBarMarker As New LinearGaugeBarMarker()
Dim mySolidFillBrushElement As New SolidFillBrushElement()

C# の場合：

LinearGauge myLinearGauge = this.ultraGauge1.Gauges[0] As LinearGauge;
LinearGaugeScale myScale = myLinearGauge.Scales[0];
LinearGaugeBarMarker myBarMarker = new LinearGaugeBarMarker();
SolidFillBrushElement mySolidFillBrushElement = new SolidFillBrushElement();

  1. 以下の色のプロパティを設定します。

    • タイプ — 単色

    • 色 — 赤

Visual Basic の場合：

mySolidFillBrushElement.Color = System.Drawing.Color.Red
myMarker.BrushElement = mySolidFillBrushElement

C# の場合：

mySolidFillBrushElement.Color = System.Drawing.Color.Red;
myBarMarker.BrushElement = mySolidFillBrushElement;

  1. 以下のプロパティを設定します。

    • InnerExtent — 10

    • OuterExtent — 70

    • 精度 — 0

    • 値 — 65

Visual Basic の場合：

myBarMarker.InnerExtent = 10
myBarMarker.OuterExtent = 70
myBarMarker.Precision = 0
myBarMarker.Value = 65

C# の場合：

myBarMarker.InnerExtent = 10;
myBarMarker.OuterExtent = 70;
myBarMarker.Precision = 0;
myBarMarker.Value = 65;

  1. バー マーカーを Scales コレクションに追加します。

Visual Basic の場合：

myScale.Markers.Add(myBarMarker)

C# の場合：

myScale.Markers.Add(myBarMarker);