New to Kendo UI for Angular? Start a free 30-day trial
AxisLabelsPosition
The position of the axis labels.
The possible values are:
"start"
—The labels are positioned at the start of the axis."end"
—The labels are positioned at the end of the axis."onAxis"
—The labels are positioned on the axis.""
—The labels are positioned 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" | "";