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

PaneComponent

The configuration component for a Chart pane.

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

NameTypeDefaultDescription

background

string

The background color of the pane. Accepts a valid CSS color string, including hex and rgb.

border

Border

The border of the pane.

clip

boolean

Specifies whether the Charts in the pane have to be clipped. By default, all Charts except the Radar and Polar Charts are clipped.

height

number

The height of the pane in pixels.

margin

number | Margin

0

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

name

string

The unique name of the pane.

padding

number | Padding

0

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

title

string | PanesTitle

The title configuration of the pane. To display the title, set the panes.title.text option.

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.

ts
item.notifyChanges({ visible: true });
Parameters

changes

any

An object containing the updated input fields.

In this article
SelectorInputsMethods
Not finding the help you need?
Contact Support