Search results

StackLabelSettingsModel API in JavaScript Chart API control

Interface for a class StackLabelSettings

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).

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.

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.

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.

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.

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.