NotePosition

Premium

Specifies the position of a note.

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>
);

ReactDOM.render(
 <ChartContainer />,
 document.querySelector('my-app')
);

type NotePosition = "top" | "bottom" | "left" | "right";