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

SankeyTitleComponent

Component

Represents the configuration options of the Sankey title or text (see example).

Definition

Package:@progress/kendo-angular-charts

Selector:kendo-sankey-title

Syntax:

html

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

Inputs

align

"left" | "right" | "center"

Sets the alignment of the title. Use center for middle alignment, left for left alignment, or right for right alignment.

Default:

'center'

background

string

Sets the background color of the title. Accepts a valid CSS color string, including HEX and RGB.

Default:

'white'

border

Border

Specifies the border of the title.

color

string

Specifies the text color of the title. Accepts a valid CSS color string, including HEX and RGB.

description

string

Specifies the accessible description of the Chart.

Screen readers announce the description when the Chart is focused.

font

string

Sets the font of the title.

Default:

'16px sans-serif'

margin

number | Margin

Specifies the margin of the title. A numeric value sets all margins.

padding

number | Padding

Sets the padding of the title. A numeric value sets all paddings.

Default:

position

"top" | "bottom"

Sets the position of the title. Use bottom to place the title at the bottom or top to place it at the top.

Default:

'top'

text

string

Specifies the text of the chart title. You can also set the text directly for a title with default options. Use line feed characters ("\n") to split the text into multiple lines.

visible

boolean

Determines if the Sankey displays the title.

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.