New to KendoReact? Start a free 30-day trial

AxisTitlePosition

Union

AxisTitlePosition

type

Specifies the position of an axis title.

The possible values are:

"top"—Positions the title at the top of the axis.
"bottom"—Positions the title at the bottom of the axis.
"left"—Positions the title at the left of the axis.
"right"—Positions the title at the right of the axis.
"center"—Positions the title at the center of the axis.

Possible values:

"top"
"bottom"
"left"
"right"
"center"

Example:

jsx

import { Chart, ChartValueAxis, ChartValueAxisItem } from '@progress/kendo-react-charts';

const ChartContainer = () => (
 <Chart>
   <ChartValueAxis>
     <ChartValueAxisItem title={{ text: 'Title', position: "top" }}/>
   </ChartValueAxis>
 </Chart>
);