New to Kendo UI for Angular? Start a free 30-day trial
AxisTitlePosition
Specifies the position of an axis title.
The possible values are:
"top"
—Positions the title at the top of the axis."bottom"
—Positions the title at the bottom of the axis."left"
—Positions the title at the left of the axis."right"
—Positions the title at the right of the axis."center"
—Positions the title 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";