New to Kendo UI for Angular? Start a free 30-day trial

SubtitleComponent

Component

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

Definition

Package:@progress/kendo-angular-charts

Selector:kendo-chart-subtitle

Syntax:

html

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

Inputs

align

"left" | "right" | "center"

Specifies the horizontal alignment of the subtitle.

background

string

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

Default:

'white'

border

Border

Specifies the border configuration of the subtitle.

color

string

Specifies the color of the subtitle text.

font

string

Specifies the font of the subtitle.

Default:

'12px sans-serif'

margin

number | Margin

Specifies the margin configuration of the subtitle.

padding

number | Padding

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

Default:

position

"top" | "bottom"

Specifies the position of the subtitle.

Default:

'top'

text

string

Specifies the text content of the subtitle.

visible

boolean

Determines whether the Chart displays the subtitle.

Default:

true

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.

Parameters:changesany

An object containing the updated input fields.