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

Represents the Kendo UI for Angular Chart Area configuration. Represents the entire visible area of the Chart (see example).

Definition

Package:@progress/kendo-angular-charts

Selector:kendo-chart-area

Syntax:

html
<kendo-chart>
 <kendo-chart-area background="#f0f0f0" [border]="{ color: '#ccc', width: 1 }">
 </kendo-chart-area>
</kendo-chart>

Inputs

Specifies the background color of the Chart area. Accepts a valid CSS color string, including hex and rgb.

Default:

'white'

Specifies the border configuration of the Chart area.

height

number

Specifies the height of the Chart area.

Default:

400

margin

number | Margin

Specifies the margin of the Chart area. A numeric value sets all margins.

Default:

5

opacity

number

Specifies the background opacity of the Chart area. By default, the background is opaque.

Default:

1

width

number

Specifies the width of the Chart area.

Default:

600

Methods

Updates the component fields with the specified values and refreshes the Chart.

Use this method when the configuration values cannot be set through the template.

Parameters:changesany

An object containing the updated input fields.