New to Kendo UI for AngularStart a free 30-day trial

AxisLabelsPosition

Specifies the position of the axis labels.

The possible values are:

  • "start"—Positions the labels at the start of the axis, typically located at the left or bottom end of the Chart, unless the crossing axis is reversed.
  • "end"—Positions the labels at the end of the axis, usually at the top or right end of the Chart, unless the crossing axis is reversed.
  • "onAxis"—Positions the labels on the axis.
  • ""—Positions the labels 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