Change location of tooltip in stacked column chart

[Ryan Allan]

Are there any options for changing the location of the tooltip on a stacked column chart to the bottom middle of the column?

[Durga Gopalakrishnan]

Hi Ryan,

As of now, we don't have option to change the tooltip position directly. We suggest you use annotation to achieve your requirement. We have attached sample for your reference. In the sample, we have specified tooltip id to annotation div element id. 

<SfChart ID="container">
<ChartAnnotations>

        <ChartAnnotation Y="@Y" X="@X" CoordinateUnits="Units.Pixel">

            <ContentTemplate><div id="container_tooltip"></div></ContentTemplate>

        </ChartAnnotation>

    </ChartAnnotations>

    <ChartTooltipSettings Enable="true"></ChartTooltipSettings>

</SfChart>
@code{

    public string X { get; set; }

    public string Y { get; set; }
    protected override void OnInitialized()

    {

        X = "53%";

        Y = "75%";

    }

}

UG Link : https://blazor.syncfusion.com/documentation/chart/chart-annotations/

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChangeTooltipPos99100907.zip

Please revert us if you have any concerns.

Regards,

Durga G