ChartAxisTitleProps

Defines the style settings for the axis title in a chart. Extends basic font properties and includes customization for padding and rotation.

Props

The following table outlines the props for the ChartAxisTitleProps:

NameTypeDefaultDescription
align
HorizontalAlignment
'Center'

Determines the alignment of the axis title within its container. Available options:

  • Left: Aligns the axis title to the left.
  • Center: Aligns the axis title to the center.
  • Right: Aligns the axis title to the right.
color
string
''

Sets the color of the text. Accepts any valid CSS color string, including hexadecimal and RGBA formats.

fontFamily
string
''

Specifies the font family used for the text (e.g., 'Arial', 'Verdana', 'sans-serif').

fontSize
string
''

Sets the font size of the text in pixels.

fontStyle
string
'Normal'

Specifies the font style of the text (e.g., 'Normal', 'Italic').

fontWeight
string
'Normal'

Specifies the font weight (thickness) of the text (e.g., 'Normal', 'Bold', '400').

opacity
number
1

Sets the opacity level of the text. A value of 1 means fully opaque, while 0 means fully transparent.

overflow
TextOverflow
'Wrap'

Controls how the axis title behaves when it overflows its container. Available options:

  • Wrap: Wraps the axis title to the next line.
  • Trim: Trims the overflowed axis title.
  • None: Displays the axis title even if it overlaps other elements.
padding
number
5

Specifies the padding between the axis title and the axis labels.

rotationAngle
number
null

Defines an angle for rotating the axis title. By default, the angle is calculated based on the position and orientation of the axis.

text
string
''

Specifies the text content of the axis title.