All Components
Components

PanesComponent

A collection of one or more pane configuration components.

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <kendo-chart>
      <kendo-chart-panes>
        <kendo-chart-pane name="topPane">
        </kendo-chart-pane>
        <kendo-chart-pane name="bottomPane">
        </kendo-chart-pane>
      </kendo-chart-panes>
      <kendo-chart-value-axis>
        <kendo-chart-value-axis-item pane="topPane">
        </kendo-chart-value-axis-item>
        <kendo-chart-value-axis-item name="bottomAxis" pane="bottomPane">
        </kendo-chart-value-axis-item>
      </kendo-chart-value-axis>
      <kendo-chart-series>
        <kendo-chart-series-item type="line" [data]="[1, 2, 3]">
        </kendo-chart-series-item>
        <kendo-chart-series-item type="line" [data]="[1, 2, 3, 4]"
                                 axis="bottomAxis">
        </kendo-chart-series-item>
      </kendo-chart-series>
    </kendo-chart>
  `
})
class AppComponent {
}

Selector

kendo-chart-panes

In this article