Search results

StackLabelSettings API in Angular Chart API component

Represents the settings for configuring stack labels in a chart.

Properties

angle

number

Specifies the rotation angle for the stack labels. This property allows to rotate the stack labels to a specific angle (in degrees).

Defaults to 0

border

BorderModel

Configures the border appearance for the stack labels. For rounded corners to appear, both the rx and ry properties must be set, and the border property should also be configured with a width and color.

fill

string

The background color of the stack labels. Accepts valid CSS color strings, including hex and RGBA values.

Defaults to ‘transparent’

font

StackLabelsFontModel

Customizes the appearance of the stack label text. Options include font size, color, style, weight, and family. Customizing these properties allows to ensure that the stack labels are legible and match the overall chart design.

format

string

Used to format the stack label text. This property accepts a string that can contain placeholders. Supports placeholders such as {value}, where {value} represents the total stack value.

Defaults to null

margin

MarginModel

Configures the margin for the stack label. This property allows you to define the spacing around the stack label by specifying the left, right, top, and bottom margins.

rx

number

Specifies the rounded corner radius along the X-axis for the stack label background. It defines how much curvature the corners of the label will have along the X-axis (horizontal direction). Note: The border property must be set for rounded corners to be visible.

Defaults to 5

ry

number

Specifies the rounded corner radius along the Y-axis for the stack label background. It defines the curvature of the stack label’s background along the Y-axis (vertical direction). Note: The border property must be set for rounded corners to be visible.

Defaults to 5

visible

boolean

Specifies whether the stack labels are visible or not in the chart. Setting this property to true will display the stack labels, showing the total value for each stack in stacked charts.

Defaults to false