New to KendoReactStart a free 30-day trial

Represents the props of the KendoReact ChartSubtitle component (see example).

Definition

Package:@progress/kendo-react-charts

Properties

align?

"center" | "left" | "right"

The alignment of the subtitle.

By default, the subtitle has the same alignment as 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.

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

The border of the subtitle.

color?

string

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

font?

string

The font of the subtitle.

margin?

number | Margin

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

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

position?

"top" | "bottom"

The position of the subtitle.

By default, the subtitle is placed in the same position as the title.

The available options are:

  • "bottom"—The title is positioned on the bottom.
  • "top"—The title is positioned on the top.

text?

string

The text of the chart subtitle. You can also set the text directly for a title with default options.

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 subtitle. By default, the subtitle is displayed.