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

AxisTitlePosition

The position of an axis title.

The possible values are:

  • "top"—The title is positioned at the top of the axis.
  • "bottom"—The title is positioned at the bottom of the axis.
  • "left"—The title is positioned at the left of the axis.
  • "right"—The title is positioned at the right of the axis.
  • "center"—The title is positioned 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";

Not finding the help you need?
Contact Support