New to Kendo UI for Angular? Start a free 30-day trial
AxisTitlePosition
The position of an axis title.
The possible values are:
"top"
—The title is positioned at the top of the axis."bottom"
—The title is positioned at the bottom of the axis."left"
—The title is positioned at the left of the axis."right"
—The title is positioned at the right of the axis."center"
—The title is positioned at the center of the axis.
ts
import { Component } from '@angular/core';
import { AxisTitlePosition } from '@progress/kendo-angular-charts';
@Component({
selector: 'my-app',
template: `
<kendo-chart>
<kendo-chart-value-axis>
<kendo-chart-value-axis-item>
<kendo-chart-value-axis-item-title [position]="position" text="Title">
</kendo-chart-value-axis-item-title>
</kendo-chart-value-axis-item>
</kendo-chart-value-axis>
</kendo-chart>
`
})
class AppComponent {
public position: AxisTitlePosition = "top";
}
type
AxisTitlePosition = "top" | "bottom" | "left" | "right" | "center";