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.

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]

Hello and thank you for contacting Infragistics. I attached a sample on how to achieve chart selection, a newer feature. Apologies, we have documentation but our table of contents needs to make this accessible.

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

You can access the topic here until our website is updated accordingly:

https://www.infragistics.com/products/ignite-ui-angular/angular/components/charts/features/chart-data-selection#programmatic-selection

Chart selection will look like this:

        <igx-data-chart #chart

        isHorizontalZoomEnabled="true"

        isVerticalZoomEnabled="true"

        width="100%"

        height="100%"

        [dataSource]="data"

        selectionMode="SelectionColorFill"

        selectionBehavior="Auto"

        selectionBrush="Red">

        public data = [

        { Year: “1996”, USA: 148, CHN: 110, RUS: 95},

        { Year: “2000”, USA: 142, CHN: 115, RUS: 91},

        { Year: “2004”, USA: 134, CHN: 121, RUS: 86},

        { Year: “2008”, USA: 131, CHN: 129, RUS: 65},

        { Year: “2012”, USA: 135, CHN: 115, RUS: 77},

        { Year: “2016”, USA: 146, CHN: 112, RUS: 88}

        ];

           let matcher: IgxSeriesMatcher = new IgxSeriesMatcher();

            let selection: IgxChartSelection = new IgxChartSelection();

            selection.item = data[1];  

            matcher.memberPath = "USA";

            matcher.memberPathType = "ValueMemberPath";

            selection.matcher = matcher;

   

            chart.selectedSeriesItems.add(selection);

Hello and thank you for contacting Infragistics. You can hook the formatLabel event to modify each axis label. For the tooltips and legends I recommend using the new DataTooltip/DataLegend 

eg.

https://www.igniteui.com/help/igdatachart-configuring-datalegend

https://www.igniteui.com/help/igdatachart-configuring-datatooltip 

Let me know if you have any questions.

Our new home for submitting feature requests is on github
github.com/…/issues

Hello Rajesh, 

Thank you for contacting Infragistics. Please attach a sample project demonstrating the behavior. 

You have to use DotNetFramework and then migrate to .NET 6.