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

Not finding the help you need?
Contact Support