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

PaneComponent

Represents the Kendo UI for Angular Chart Pane component.

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>

Selector

kendo-chart-pane, kendo-chart-panes-item

Inputs

Name	Type	Default	Description
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`	`0`	Specifies the margin of the pane. A numeric value sets all margins.
name	`string`		Specifies the name of the pane.
padding	`number \| Padding`	`0`	Specifies the padding of the pane. A numeric value sets all paddings.
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.

item.notifyChanges({ visible: true });

Parameters
changes	`any`	An object containing the updated input fields.