New to KendoReact? Start a free 30-day trial

ChartLegendTitleProps

Represents the props of the KendoReact ChartLegendTitle component.

align?

"center" | "left" | "right"

The alignment of the title.

The available options are:

  • "center"The text is aligned to the middle.
  • "left"The text is aligned to the left.
  • "right"The text is aligned to the right.

background?

string

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

border?

Border

The border of the title.

color?

string

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

font?

string

The font of the title.

margin?

Margin | number

The margin of the title. A numeric value sets all margins.

padding?

Padding | number

The padding of the title. A numeric value sets all margins.

position?

"top" | "bottom"

The position of the title.

The available options are:

  • "bottom"The title is positioned beneath the legend.
  • "top"The title is positioned above the legend.

text?

string

The text of the title. You can split the text into multiple lines by using the line feed characters ("\n").

visible?

boolean

If set to true, the Chart displays the Legend title. By default, the title is displayed.

visual?

(args: TitleVisualArgs) => Element

A function for creating a custom visual for the title.