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.