The wj-range directive must be contained in a wijmo.angular.gauge.WjLinearGauge, wijmo.angular.gauge.WjRadialGauge or wijmo.angular.gauge.WjBulletGraph directive. It adds the Range object to the 'ranges' array property of the parent directive. You may also initialize other Range type properties of the parent directive by specifying the property name with the wj-property attribute.

For example:

<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>

The wj-range directive supports the following attributes:

min

@ The minimum value in the range.

max

@ The maximum value in the range.

color

@ The color used to display the range.

thickness

@ The thickness of the range, on a scale of zero to one.

name

@ The name of the range.

wj-property

@ The name of the property to initialize with this directive.