LinearRangeComponent

Updated on Nov 24, 2025

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

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>

Selector

kendo-lineargauge-scale-range

Inputs

Name	Type	Default	Description
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.