New to Kendo UI for AngularStart 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";

Not finding the help you need?
Contact Support