範囲

1 つのゲージに複数の範囲を追加できます。各範囲は、ユーザーがゲージの値の状態を判断するために役立つ領域または状態を表します。どの範囲にも、ゲージ内での範囲の位置を指定する Min および Max プロパティと、範囲の外観を定義する他のプロパティもあります。

次のコード例は、C# および XAML でゲージにいくつかの範囲を追加し、それらのプロパティを設定する方法を示します。

C# のコード

GaugeRange　タイプの新しいインスタンスを作成し、そのプロパティを設定し、新しく作成した範囲を LinearGauge（または RadialGauge/BulletGraph）に追加します。

C#	コードのコピー
// 範囲を作成します GaugeRange low = new GaugeRange(); GaugeRange med = new GaugeRange(); GaugeRange high = new GaugeRange(); // 範囲をカスタマイズします low.Color = Color.Red; low.Min = 0; low.Max = 40; med.Color = Color.Yellow; med.Min = 40; med.Max = 80; high.Color = Color.Green; high.Min = 80; high.Max = 100; // 範囲をゲージに追加します gauge.Ranges.Add(low); gauge.Ranges.Add(med); gauge.Ranges.Add(high);

コードのコピー

// 範囲を作成します
GaugeRange low = new GaugeRange();
GaugeRange med = new GaugeRange();
GaugeRange high = new GaugeRange();

// 範囲をカスタマイズします
low.Color = Color.Red;
low.Min = 0;
low.Max = 40;
med.Color = Color.Yellow;
med.Min = 40;
med.Max = 80;
high.Color = Color.Green;
high.Min = 80;
high.Max = 100;

// 範囲をゲージに追加します 
gauge.Ranges.Add(low);
gauge.Ranges.Add(med);
gauge.Ranges.Add(high);

XAML のコード

範囲のマークアップをコントロールの開始タグと終了タグの間に追加して新しい範囲を作成し、それらを LinearGauge（または RadialGauge/BulletGraph）に追加します。

HTML	コードのコピー
<c1:C1LinearGauge Value="35" Min="0" Max="100" Thickness="0.1"> <c1:C1LinearGauge.Ranges> <c1:GaugeRange Min="0" Max="40" Color="Red"/> <c1:GaugeRange Min="40" Max="80" Color="Yellow"/> <c1:GaugeRange Min="80" Max="100" Color="Green"/> </c1:C1LinearGauge.Ranges> </c1:C1LinearGauge>

HTML

コードのコピー

<c1:C1LinearGauge Value="35" Min="0" Max="100" Thickness="0.1">
      <c1:C1LinearGauge.Ranges>
        <c1:GaugeRange Min="0" Max="40" Color="Red"/>
        <c1:GaugeRange Min="40" Max="80" Color="Yellow"/>
        <c1:GaugeRange Min="80" Max="100" Color="Green"/>
      </c1:C1LinearGauge.Ranges>
    </c1:C1LinearGauge>