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

PaneComponent

Component

Represents the Kendo UI for Angular Chart Pane component.

Definition

Package:@progress/kendo-angular-charts

Selector:kendo-chart-pane, kendo-chart-panes-item

Syntax:

html

<kendo-chart>
  <kendo-chart-panes>
    <kendo-chart-pane
        name="top"
        background="pink"
        [border]="{ color: 'black', dashType: 'dash', width: 2 }">
    </kendo-chart-pane>
  </kendo-chart-panes>
</kendo-chart>

Inputs

background

string

Specifies the background color of the pane.

border

Border

Specifies the border configuration of the pane.

clip

boolean

Determines whether to clip the content of the pane to its boundaries.

height

number

Specifies the height of the pane in pixels.

margin

number | Margin

Specifies the margin of the pane. A numeric value sets all margins.

Default:

name

string

Specifies the name of the pane.

padding

number | Padding

Specifies the padding of the pane. A numeric value sets all paddings.

Default:

title

string | PanesTitle

Specifies the title configuration of the pane.

Methods

notifyChanges

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.