New to Kendo UI for Angular? Start a free 30-day trial
AxisLabelsPosition
Specifies the position of the axis labels.
The possible values are:
"start"
—Positions the labels at the start of the axis, typically located at the left or bottom end of the Chart, unless the crossing axis is reversed."end"
—Positions the labels at the end of the axis, usually at the top or right end of the Chart, unless the crossing axis is reversed."onAxis"
—Positions the labels on the axis.""
—Positions the labels based on the axis type.
ts
import { Component } from '@angular/core';
import { AxisLabelsPosition } from '@progress/kendo-angular-charts';
@Component({
selector: 'my-app',
template: `
<kendo-chart>
<kendo-chart-category-axis>
<kendo-chart-category-axis-item>
<kendo-chart-category-axis-item-labels [position]="position">
</kendo-chart-category-axis-item-labels>
</kendo-chart-category-axis-item>
</kendo-chart-category-axis>
</kendo-chart>
`
})
class AppComponent {
public position: AxisLabelsPosition = "end";
}
type
AxisLabelsPosition = "start" | "end" | "onAxis" | "";