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

LinearRangeComponent

Component

Represents the configuration options for a scale range item of a LinearGauge.

Definition

Package:@progress/kendo-angular-gauges

Selector:kendo-lineargauge-scale-range

Syntax:

html

<kendo-lineargauge>
   <kendo-lineargauge-scale>
       <kendo-lineargauge-scale-ranges>
           @for (range of ranges; track range) {
             <kendo-lineargauge-scale-range [from]="range.from" [to]="range.to" [color]="range.color">
             </kendo-lineargauge-scale-range>
           }
         </kendo-lineargauge-scale-ranges>
   </kendo-lineargauge-scale>
</kendo-lineargauge>

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.