New to Kendo UI for Angular? Start a free 30-day trial
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