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.