この手順では、C1LinearGauge コントロールに範囲を追加します。以下の手順では、ページに C1LinearGauge コントロールが追加されていることを前提とします。
ソースビューの場合
C1LinearGauge コントロールに範囲を追加するには、 <cc1:C1LinearGauge> </<cc1:C1LinearGauge> タグの間にマウスを置き、次のマークアップを追加します。
<Ranges>
<cc1:GaugelRange StartValue="20" EndValue="80" StartDistance="0.85" EndDistance="0.85"
StartWidth="0.25" EndWidth="0.5">
</cc1:GaugelRange>
</Ranges>
範囲の位置を設定するには、StartValue、EndValue、StartDistance、EndDistance、StartWidth、および EndWidth を任意に設定します。
コードの場合
C1LinearGauge コントロールに範囲を追加するには、 Page_Load イベントに次のコードを追加します。
Visual Basic でコードを書く場合
| Visual Basic |
コードのコピー
|
|---|---|
| ' 新しい Range オブジェクトを作成します Dim Range1 As NewC1.Web.Wijmo.Controls.C1Gauge.GaugelRange() ' 開始距離と終了距離を設定します Range1.StartDistance = 0.85 Range1.EndDistance = 0.85 ' 開始値と終了値を設定します Range1.StartValue = 20 Range1.EndValue = 80 ' 開始幅と終了幅を設定します Range1.StartWidth = 0.25 Range1.EndWidth = 0.5 ' C1LinearGauge コントロールに範囲を追加します C1LinearGauge1.Ranges.Add(Range1) |
|
C# でコードを書く場合
| C# |
コードのコピー
|
|---|---|
| // 新しい Range オブジェクトを作成します C1.Web.Wijmo.Controls.C1Gauge.GaugelRange Range1 = new C1.Web.Wijmo.Controls.C1Gauge.GaugelRange() ; // 開始距離と終了距離を設定します Range1.StartDistance = 0.85; Range1.EndDistance = 0.85; // 開始値と終了値を設定します Range1.StartValue = 20; Range1.EndValue = 80; // 開始幅と終了幅を設定します Range1.StartWidth = 0.25; Range1.EndWidth = 0.5; // C1LinearGauge コントロールに範囲を追加します C1LinearGauge1.Ranges.Add(Range1); |
|
ここまでの成果
アプリケーションを実行して、ゲージが次の図のように範囲付きで表示されることを確認します。
関連トピック