New to KendoReact? Start a free 30-day trial

NoteLabelPosition

Union

NoteLabelPosition

type

Specifies the position of a note label.

The possible values are:

"inside"—Positions the note label inside the axis.
"outside"—Positions the note label outside the axis.

Possible values:

"inside"
"outside"

Example:

jsx

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

const data = [{value: 1, label: { text: 'Foo' }}];
const position = "outside";

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