• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

ChartCategoryAxisTitleProps

Represents the props of the KendoReact ChartCategoryAxisTitle component.

NameTypeDefaultDescription

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 style of the title.

margin?

number | Margin

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

padding?

number | Padding

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

position?

AxisTitlePosition

The position of the title.

The supported values are:

  • "top"—The axis title is positioned on the top (applicable to the vertical axis).
  • "bottom"—The axis title is positioned on the bottom (applicable to the vertical axis).
  • "left"—The axis title is positioned on the left (applicable to the horizontal axis).
  • "right"—The axis title is positioned on the right (applicable to the horizontal axis).
  • "center"—The axis title is positioned in the center.

rotation?

number

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

text?

string

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

visible?

boolean

If set to true, the Chart displays the category axis title. By default, the category axis title is visible.

visual?

(e: TitleVisualArgs) => Element

A function that can be used to create a custom visual for the title.

The available argument fields are:

  • text—The label text.
  • rect—The geometry Rect that defines where the visual has to be rendered.
  • sender—The Chart instance (can be undefined).
  • options—The label options.
  • createVisual—A function for getting the default visual.