CircularGaugeAreaComponent

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

typescript

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

Selector

kendo-circulargauge-area

Inputs

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