wj-range ディレクティブは、 wijmo.angular.gauge.WjLinearGauge、 wijmo.angular.gauge.WjRadialGauge 、または wijmo.angular.gauge.WjBulletGraph ディレクティブ内に記述する必要があります。 これは親ディレクティブの'ranges'配列にRangeオブジェクトを追加します。また、 wj-property属性にプロパティ名を指定することで、親ディレクティブのその他のRange型プロパティを初期化することもできます。

次に例を示します。

<wj-radial-gauge
    min="0"
    max="200"
    step="20"
    value="theValue"
    is-read-only="false">
    <wj-range
      min="0"
      max="100"
      color="red">
    </wj-range>
    <wj-range
      min="100"
      max="200"
      color="green">
    </wj-range>
    <wj-range
      wj-property="pointer"
      color="blue">
    </wj-range>
</wj-radial-gauge>

wj-range ディレクティブは以下の属性をサポートしています。

min

@ 範囲の最小値。

max

@ 範囲の最大値。

color

@ 範囲の表示に使用される色。

thickness

@ 範囲の太さ（0～1のスケール）。

name

@ 範囲の名前。

wj-property

@ このディレクティブによって初期化するプロパティの名前。