New to KendoReact? Start a free 30-day trial

NotePosition

Union

NotePosition

type

Specifies the position of a note.

The possible values are:

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

Possible values:

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

Example:

jsx

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

const data = [{value: 1}];
const position = "right";

const ChartContainer = () => (
 <Chart>
   <ChartValueAxis>
     <ChartValueAxisItem notes={{ data, position }} />
   </ChartValueAxis>
 </Chart>
);