AccumulationChart ToolTip not displaying

[Martin]

Hi, I've probably missed something very obvious but i cannot get the tooltip to display on a pie chart, code is as follows:

    <div class="col-lg-3">

        <SfAccumulationChart Title="Incidents">

            <AccumulationChartSeriesCollection>

                <AccumulationChartSeries DataSource="@tickets_incidents" XName="Software" YName="Count"

                                         Name="Software">

                </AccumulationChartSeries>

            </AccumulationChartSeriesCollection>

            <AccumulationChartLegendSettings Visible="true"></AccumulationChartLegendSettings>

            <AccumulationChartTooltipSettings Enable="true"></AccumulationChartTooltipSettings>

        </SfAccumulationChart>

    </div>

[Srihari Muthukaruppan]

Hi Martin, 

 

We have analyzed your query. Unfortunately, we are unable to reproduce the reported scenario accumulation chart tooltip is working fine in the latest version 18.4.39. We have also attached the sample used for testing. Please find the sample below. 

 

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

 

Screenshot: 

 

 

If you still face this issue. kindly revert us with the following information which will be more helpful for further analysis and provide you the solution sooner.  

1. Try to reproduce the reported scenario in the provided sample.  
2. Share the details if you have done any other customization.

 

Regards, 

Srihari M 

[Martin]

Hi Martin, 

 

We have analyzed your query. Unfortunately, we are unable to reproduce the reported scenario accumulation chart tooltip is working fine in the latest version 18.4.39. We have also attached the sample used for testing. Please find the sample below. 

 

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

 

Screenshot: 

 

 

If you still face this issue. kindly revert us with the following information which will be more helpful for further analysis and provide you the solution sooner.  

1. Try to reproduce the reported scenario in the provided sample.  
2. Share the details if you have done any other customization.

 

Regards, 

Srihari M 

Hi Srihari,

I was using v18.4.0.32, I have updated to 18.4.0.39 and it has part solved the issue. I have amended you example (attached zip) to have 3 pie charts in a row, you will notice only 1 pie displays the tooltip? How do we get all 3 to show tooltip?

Attachment: AccumulationTooltip18.4.39130833067_ba9d9a88.zip

[Srihari Muthukaruppan]

Hi Martin, 

 

We have analyzed your query. From that, we would like to let you know that we have already considered this scenario as a bug and logged a bug request on this and you can keep track of it from the below feedback portal link.      

         

Feedback Link: https://www.syncfusion.com/feedback/21703/tooltip-not-displayed-on-second-pie-chart  

   

This fix will be available in our weekly patch release which is scheduled to be rolled out on or before 9 February 2021. We appreciate your patience until then.    

  

Regards,  

Srihari M 

[Srihari Muthukaruppan]

Hi Martin, 

 

We are glad to announce that our v18.4.42 patch release is rolled out, we have added the fix for the reported scenario. And you can use the latest (18.4.42) Syncfusion.EJ2.Blazor NuGet package version to get rid of the reported issue. 

  

Release Notes: https://blazor.syncfusion.com/documentation/release-notes/18.4.42/?type=all 

 

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

 

Screenshot: 

 

 

 

 

We appreciate your patience in waiting for this release. Kindly let us know if you need further assistance. 

 

Regards, 

Srihari 

[Andy Corrigan]

Hi Srihari, 

In the latest version (19.2.0.46), the tooltip issue seems to have resurfaced? Or am I just missing something?

For reference, here's my sample code:

@inject IStudentService studentService ;
@inject IConfiguration Configuration;
@inject NavigationManager NavManager;
@inject SessionState state;
 
<div class="card">
    <div class="card-header bg-secondary p-2">
        <h6 class="text-white m-0">Student Attendance</h6>
    </div>
 
    <div class="card-body">
        <SfAccumulationChart Title="Attendance">
            <AccumulationChartLegendSettings Visible="false"></AccumulationChartLegendSettings>
            <AccumulationChartTooltipSettings Enable="true"></AccumulationChartTooltipSettings>
            <AccumulationChartSeriesCollection>
                <AccumulationChartSeries DataSource="@StatisticsDetails" XName="Mark" YName="Sessions" Name="Browser">
                </AccumulationChartSeries>
            </AccumulationChartSeriesCollection>
 
 
        </SfAccumulationChart>
    </div>
</div>
 
@code {
    public class Statistics
    {
        public string Mark { get; set; }
        public double Sessions { get; set; }
    }
 
    public List<Statistics> StatisticsDetails = new List<Statistics> {
        new Statistics {
            Mark = "Present",
            Sessions = 144
        },
        new Statistics {
            Mark = "Authorised Absences",
            Sessions = 17
        },
        new Statistics {
            Mark = "Unauthorised Absence",
            Sessions = 2
        },
        new Statistics {
            Mark = "Late",
            Sessions = 7
        },
        new Statistics {
            Mark = "Educational Activity",
            Sessions = 12
        }
    };
}

[Durga Gopalakrishnan]

Hi Andy, 

We have ensured your reported scenario with attached snippet in latest version 19.2.47. Pie chart tooltip is displayed properly. We have attached the tested sample for your reference.  

 

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

Please revert us if you have any concerns. 

Regards, 

Durga G

[Andy Corrigan]

Hi, 

Thanks for your response; I can see it works in your code sample; however, after updating to 19.2.47 my code sample still doesn't work. Is it possible my issues are because it is within the Content Template for one of your TabViews? For instance:

<div class="row">
    <div class="col-xl-12">
        <h6>Put student breakdown here</h6>
    </div>
</div>
 
<div class="row">
    <div class="col-xl-12">
        <SfTab CssClass="tab-adaptive" OverflowMode="OverflowMode.Scrollable" LoadOn="ContentLoad.Demand">
            <TabAnimationSettings>
                <TabAnimationPrevious Effect="Syncfusion.Blazor.AnimationEffect.None"></TabAnimationPrevious>
                <TabAnimationNext Effect="Syncfusion.Blazor.AnimationEffect.None"></TabAnimationNext>
            </TabAnimationSettings>
            <TabItems>
                <TabItem>
                    <ChildContent>
                        <TabHeader Text="Attendance" IconCss=""></TabHeader>
                    </ChildContent>
                    <ContentTemplate>
                        <StudentAttendance />
                    </ContentTemplate>
                </TabItem>
                <TabItem>
                    <ChildContent>
                        <TabHeader Text="Biographical" IconCss=""></TabHeader>
                    </ChildContent>
                    <ContentTemplate>
                        <StudentBiographic StudentId="@studentId" />
                    </ContentTemplate>
                </TabItem>
                <TabItem>
                    <ChildContent>
                        <TabHeader Text="Enrolments" IconCss=""></TabHeader>
                    </ChildContent>
                    <ContentTemplate>
                        <Enrolments StudentId="@studentId" />
                    </ContentTemplate>
                </TabItem>
                <TabItem Visible="@showExamsTab">
                    <ChildContent>
                        <TabHeader Text="Exams" IconCss=""></TabHeader>
                    </ChildContent>
                    <ContentTemplate>
                        <StudentExams />
                    </ContentTemplate>
                </TabItem>
                <TabItem>
                    <ChildContent>
                        <TabHeader Text="Timetable" IconCss=""></TabHeader>
                    </ChildContent>
                    <ContentTemplate>
                        <StudentTimetable />
                    </ContentTemplate>
                </TabItem>
            </TabItems>
        </SfTab>
    </div>
</div>
 
@code {
    [CascadingParameter]
    private Task<AuthenticationState> authenticationStateTask { get; set; }
 
    [Parameter]
    public string studentId { get; set; }
 
    private bool showExamsTab = true;
 
    protected override async Task OnInitializedAsync()
    {
        var authState = await authenticationStateTask;
        var user = authState.User;
 
        if (user.IsInRole("PA Staff"))
        {
            showExamsTab = false;
        }
        else
        {
            showExamsTab = true;
        }
    }
 
}

Where the StudentAttendance element is the razor component containing the pie chart.

[Durga Gopalakrishnan]

Hi Andy, 

We have ensured tooltip for accumulation chart by rendering inside the tab control, unfortunately we are unable to replicate this issue. Kindly share us any replication steps or video reference for this scenario. We have attached tested sample and video for your reference.  

Video : https://www.syncfusion.com/downloads/support/directtrac/general/ze/AccToolip854161344.zip 

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

If you are still facing the problem, please try to replicate an issue in above sample or share us issue reproduced sample so that it will be helpful for us to proceed further and provide you the solution sooner. 

Regards, 

Durga G