New to Kendo UI for AngularStart a free 30-day trial

SubtitleComponent

Represents the Kendo UI for Angular Chart Subtitle component (see example).

html
<kendo-chart [categoryAxis]="{ categories: categories }">
    <kendo-chart-subtitle text="/GDP annual %/"></kendo-chart-subtitle>
</kendo-chart>

Selector

kendo-chart-subtitle

Inputs

NameTypeDefaultDescription

align

"center" | "left" | "right"

Specifies the horizontal alignment of the subtitle.

background

string

'white'

Specifies the background color of the subtitle. Accepts a valid CSS color string, including HEX and RGB.

border

Border

Specifies the border configuration of the subtitle.

color

string

Specifies the color of the subtitle text.

font

string

'12px sans-serif'

Specifies the font of the subtitle.

margin

number | Margin

Specifies the margin configuration of the subtitle.

padding

number | Padding

5

Specifies the padding of the subtitle. A numeric value sets all paddings.

position

"top" | "bottom"

'top'

Specifies the position of the subtitle.

text

string

Specifies the text content of the subtitle.

visible

boolean

true

Determines whether the Chart displays the subtitle.

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.

In this article
SelectorInputsMethods
Not finding the help you need?
Contact Support