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

LinearGaugeAreaComponent

Updated on Oct 30, 2025

Represents the configuration options for the LinearGauge area. This component controls the entire visible area of the LinearGauge.

html

<kendo-lineargauge>
  <kendo-lineargauge-area background="lightblue" [border]="{ width: 2 }">
  </kendo-lineargauge-area>
</kendo-lineargauge>

Selector

kendo-lineargauge-area

Name	Type	Description
background?	`string`	The background of the Gauge area. Accepts valid CSS color strings, including hex and rgb.
border?	`Border`	The border of the Gauge area.
height?	`number`	The height of the Gauge area.
margin?	`number \| Margin`	The margin of the Gauge area.
width?	`number`	The width of the Gauge area.