• What is KendoReact
  • Getting Started
  • Unstyled Mode
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chart Wizardnew
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Toolsupdated
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

ChartTitleProps

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

NameTypeDefaultDescription

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 series.

color?

string

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

description?

string

The accessible description of the Chart. The description is announced by screen readers when the Chart is focused.("\n").

font?

string

The font 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 margins.

position?

"top" | "bottom"

The position of 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 title. 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 title. By default, the title is displayed.