New to KendoReactStart a free 30-day trial

ChartYAxisNotesLabelProps

Represents the props of the KendoReact ChartYAxisNotesLabel component.

NameTypeDefaultDescription

background?

string

The background color of the label. Accepts a valid CSS color string, including hex and rgb.

border?

Border

The border of the label.

color?

string

The text color of the label. Accepts a valid CSS color string, including hex and rgb.

content?

(e: any) => string

The function which returns the label content. The function argument contains a value field. It defines the axis value. You can split the text into multiple lines by using the line feed characters ("\n").

font?

string

The font style of the label.

format?

string

The format for displaying the notes label. Uses the format method of IntlService. Contains one placeholder ("{0}") which represents the axis value.

position?

NoteLabelPosition

The position of the labels.

The available options are:

  • "inside"—The label is positioned inside the icon.
  • "outside"—The label is positioned outside the icon.

rotation?

number

The rotation angle of the label. By default, the label is not rotated.

visible?

boolean

If set to true, the Chart displays the Y-axis notes label. By default, the Y-axis notes label is visible.

Not finding the help you need?
Contact Support