New to Kendo UI for Angular? Start a free 30-day trial
NoteLabelPosition
The position of a note label.
The possible values are:
"inside"
—The note label is positioned inside the axis."outside"
—The note label is positioned outside the axis.
ts
import { Component } from '@angular/core';
import { NoteLabelPosition } 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-notes [data]="[{value: 1, label: { text: 'Foo' }}]">
<kendo-chart-value-axis-item-notes-label [position]="position">
</kendo-chart-value-axis-item-notes-label>
</kendo-chart-value-axis-item-notes>
</kendo-chart-value-axis-item>
</kendo-chart-value-axis>
</kendo-chart>
`
})
class AppComponent {
public position: NoteLabelPosition = "outside";
}
type
NoteLabelPosition = "inside" | "outside";