New to Kendo UI for AngularStart a free 30-day trial

Represents the configuration options of the Circular Gauge area. Sets up the entire visible area of the CircularGauge.

Definition

Package:@progress/kendo-angular-gauges

Selector:kendo-circulargauge-area

Syntax:

TS
@Component({
  selector: 'my-app',
  template: `
    <kendo-circulargauge>
      <kendo-circulargauge-area background="lightblue" margin="10">
      </kendo-circulargauge-area>
    </kendo-circulargauge>
  `
})
export class AppComponent { }

Inputs

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

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.