New to Kendo UI for Angular? Start a free 30-day trial

RadialRangeComponent

Component

Represents the configuration options for a range in the RadialGauge scale.

Definition

Package:@progress/kendo-angular-gauges

Selector:kendo-radialgauge-scale-range

Syntax:

html

<kendo-radialgauge>
   <kendo-radialgauge-scale>
       <kendo-radialgauge-scale-ranges>
           <kendo-radialgauge-scale-range [from]="0" [to]="50" color="red">
           </kendo-radialgauge-scale-range>
         </kendo-radialgauge-scale-ranges>
   </kendo-radialgauge-scale>
</kendo-radialgauge>

Inputs

color

string

The color of the range. Accepts valid CSS color strings, including hex and rgb.

from

number

The start position of the range.

opacity

number

The range opacity.

to

number

The end position of the range.