Callout Layer Text – Apply font style

Hariharan S asked on Jan 30, 2025 7:38 PM

Is there any possibility to apply font style for chart data annotation callout text ?

Below highlighted text content should be updated with font style.

Replies

1

Hariharan S answered on Jan 29, 2025 4:10 PM

Apply font style & multiline text support ?
0

Michael DiFilippo answered on Jan 29, 2025 10:36 PM

Hello and thank you for contacting Infragistics. The IgxCalloutLayer exposes a textStyle property that you can use to add an inline font:

eg.

textStyle="25px Open sans, sans-serif"

<igx-callout-layer isAutoCalloutBehaviorEnabled="false" [targetSeries]="EnrolledStoresSeries"

useValueForAutoCalloutLabels="true" calloutLeaderBrush="Transparent" calloutTextColor="Black"

calloutBackground="Transparent"

textStyle="25px Open sans, sans-serif"

xMemberPath="Index"

yMemberPath="Value1"

labelMemberPath="Value1"

isCalloutOffsettingEnabled = "false"

calloutPaddingTop="0">

</igx-callout-layer>

[View:/community/cfs-file/__key/communityserver-discussions-components-files/1043/demo-_2800_1_2900_.zip:320:240]
1

Michael DiFilippo answered on Jan 30, 2025 7:38 PM Verified

The demo above applies a font style to the callouts but I don’t see a way to make the content multiline. The development team confirmed with my that multiline is not supported. We let you customize the content, we exposed events by the callout layer such as

calloutContentUpdating

calloutLabelUpdating

calloutStyleUpdating

calloutRenderStyleUpdating

Let me know if you have any questions.

Michael DiFilippo
Software Developer
Infragistics, Inc.