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

LinearGaugeAreaComponent

Component

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

Definition

Package:@progress/kendo-angular-gauges

Selector:kendo-lineargauge-area

Syntax:

html

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

string

The background of the Gauge area. Accepts valid CSS color strings, including hex and rgb.

The border of the Gauge area.

number

The height of the Gauge area.

number | Margin

The margin of the Gauge area.

number

The width of the Gauge area.