TitleComponent

Represents the Kendo UI for Angular Chart Title configuration (see example).

html

<kendo-chart [categoryAxis]="{ categories: categories }">
    <kendo-chart-title text="Title Text" [padding]="{bottom: 20}"></kendo-chart-title>
    ...
</kendo-chart>

Selector

kendo-chart-title

Inputs

Name	Type	Default	Description
align	"center" | "left" | "right"	'center'	Specifies the alignment of the title. The alignment options for text include center for middle alignment, left for left alignment, and right for right alignment, allowing for flexible positioning of the title.
background	string	'white'	Specifies the background color of the title. Accepts a valid CSS color string, including HEX and RGB.
border	Border		Specifies the border configuration of the title.
color	string		Specifies the text color of the title.
description	string		Specifies the description of the title.
font	string	'16px sans-serif'	Specifies the font of the title.
margin	number | Margin		Specifies the margin of the title. A numeric value sets all margins.
padding	number | Padding	5	Specifies the padding of the title. A numeric value sets all paddings.
position	"top" | "bottom"	'top'	Specifies the position of the title. The positioning options for titles include bottom for positioning at the bottom and top for positioning at the top, providing flexibility in title placement.
text	string		Specifies the text of the title.
visible	boolean	true	Determines whether the Chart displays the title.

Methods

notifyChanges
Updates the component fields with the specified values and refreshes the Chart. Use this method when the configuration values cannot be set through the template. ts item.notifyChanges({ visible: true });
Parameters changes any An object containing the updated input fields.