TitleComponent
Represents the Kendo UI for Angular Chart Title configuration (see example).
Definition
Package:@progress/kendo-angular-charts
Selector:kendo-chart-title
Syntax:
<kendo-chart [categoryAxis]="{ categories: categories }">
<kendo-chart-title text="Title Text" [padding]="{bottom: 20}"></kendo-chart-title>
...
</kendo-chart>Inputs
align
"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.
'center'
background
string
Specifies the background color of the title. Accepts a valid CSS color string, including HEX and RGB.
'white'
color
string
Specifies the text color of the title.
description
string
Specifies the description of the title.
font
string
Specifies the font of the title.
'16px sans-serif'
Specifies the padding of the title. A numeric value sets all paddings.
5
position
"top" | "bottom"
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.
'top'
text
string
Specifies the text of the title.
visible
boolean
Determines whether the Chart displays the title.
true
Methods
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.
An object containing the updated input fields.